今天在更改lbs在ie7下小图片出现滚动条bug的时候发现一个有趣的事情,
ie7在我修正bug测试的时候竟然发现在ie7下图片竟然可以自动适应屏幕大小,我查看了一下代码

  1. img{
  2.   vertical-align: middle;
  3.   border: 0px none;
  4.   max-width:100%;
  5.   height:auto;
  6. }

发现是定义了一个max-width:100%;在firefox下就支持max-width
的,ie7下也开始支持max-width和max-min了,怪不得可以根据屏幕自适应大小呢。
另外补充一下,设置的时候要max-width:100%;height:auto;都要写上,如果只写
max-width:100%;的话在ie7是可以等比例缩放的,但是在firefox下就不能等比例缩放
加上height:auto的话,在ie7和fierfox下就都可以实现自适应容器大小,并且等比例
缩放了