javascript - 半响应图像取决于宽度

Question

我有一个 600 像素宽的 div，里面有一张图片。我希望图像的最大宽度为 600 像素，但我不希望图像为 100% 以使其响应。

一个更好的例子是，如果我的图像宽度小于 600 像素，则不要让它响应，但如果它大于 600，则让它响应。

<div style="max-width: 600px; width: 100%">
  <img src="some-image.jpg" alt="">
</div>

Answer 1

对于图像使用 width:100% 和 height:auto 对于容器使用ma​​x-width:600px； 它使您的图像具有响应能力。