根据其中图像的原始尺寸设置div的最大宽度的公式？

Question

如何根据图像内部的原始宽度为div的最大宽度提出公式？以下是来自Medium.com的示例代码，用于调整徽标最大宽度。目标是在原始图像宽度/高度变小时使最大宽度变宽。谢谢！

＆＃13;

＆＃13;

<div class="" style="max-width: 246px;">
  <div class="">
    <div style="padding-bottom: 57.00712589073634%"></div>
    <img class="" src="https://cdn-images-1.medium.com/max/492/1*xXpHjKPcR7oYu8NRqGlO8w@2x.jpeg" data-width="1684" data-height="960">
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我认为您应该设置图像最大宽度以及div，并且您也可以在引导程序上使用@media，以便div和图像可以在不同的屏幕分辨率（如平板电脑，桌面和移动设备）上进行扩展。