尝试将<img>标记设置为使用页面大小自动缩放

Question

<center>
    <img style="width: 100%; max-height: 100%" src="images/ratios/3to2ratio.JPG" />
        This is a classic 35mm Still Film ratio. 3:2
</center>

此代码可确保图像随页面大小的变化而变化.但是,我希望我的图像是原始尺寸,并且能够进行缩放.

Answer 1

做:

img{
 width:100%;
 height :auto /* to maintain aspect ratio*/
}