如何让图片自适应

[原文地址: 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;

}

通过这种方法就能很方便的处理了。