Question

我希望图像是100％但是当图像达到这个高度时，min-height为500像素我希望比率保持（基本上）关闭100％宽度。我知道这可以通过javascript实现，但我从未见过用css完成它。有可能吗？

Answer 1

html

<img src="/path.jpg" />

<强> CSS

img { min-height: 500px; }

<强>通知

确保您没有为元素或css中的上部元素定义此图像的宽度。如果一切正常 - 图像将缩放到最小高度保持率。

请记住使用较大的图像然后使用最小高度 - 否则会很难看。