纯CSS自动调整全局图片大小,防止图片尺寸过大

网站的主内容页面通常是有宽度限制的,如果突然有了一张很宽很宽的图片,整个网站就被挤变形了。用CSS就可以轻松避免这种情况的发生。

添加如下CSS:

img {  
    max-width: 800px;  
    height: auto;  
}  

代码中的max-width:800px限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。



11 thoughts on “纯CSS自动调整全局图片大小,防止图片尺寸过大

发表评论

电子邮件地址不会被公开。 必填项已用*标注