[原文地址: http://blogs.hray.info:10000/2014/03/09/picauto/]
比如我们在一个div中要放一个图片,但图片太大,超过了div的显示区域。通常有两种方法处理,一种是通过设置div的overflow: hidden来隐藏超出部分;另一种是手动设定图片要显示的大小。但这两种方法都有些问题,第一种方法导致不能看到全图,第二种方法要记住图片文件的比例,然后设定到指定大小,比较繁琐。其实还有一种很简洁的方法。
1
2
3
4
|
div img {
max-width
:
100%
;
height
:
auto
;
}
|
通过这种方法就能很方便的处理了。