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

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

添加如下CSS:

[css]
img {
max-width: 800px;
height: auto;
}
[/css]

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



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

Comments are closed.