html - 如何调整到合适的img标签？

Question

我想在小窗口中显示图像，但我需要保存图像的比例(我仍然希望人们能够知道它是什么)。例如假设图像是 1000X200 像素，并且有一个 div 定义为:高度:100px；宽度:100px；所以我希望图像会这样写:

<img src="asd.jpg" height=20 width=100 />

而不是

<img src="asd.jpg" height=100 width=100 />

或不

<img src="asd.jpg"/>

然后是卷轴..

我可以使用百分比，但我该怎么做......(它甚至可以单独使用百分比吗？)

Answer 1

如果您在 CSS 中设置 max-height 和 max-width，现代浏览器会将其限制为该尺寸，但会保持纵横比正确:

<img src="asd.jpg" style="max-height: 100px; max-width: 100px;" />