防图片太大撑破页面css

这个在网页布局里很常见,网上看到有人用overflow:hidden来隐藏超出部分的图片,但那样图片就被截断了,不够完美。
用个简单的css max-width: 100%;可以解决这个问题,css代码如下:

img{
max-width: 100%;
height: auto;
vertical-align: middle;
}

不过max-width在IE6.0中是无效的,为了照顾到IE6.0,还是顺便把overflow:hidden加上比较好

Tags: ,

3 Comments

Leave a Comment