关于移动端图片显示问题。

Question

我给body设置了

body{max-width:6.4rem;
     margin:0 auto;
     font:0.14rem "微软雅黑","Microsoft Yahei";
     color: #666;
     background:#AAAAAA;}
     
图片也设置了

  img{max-width:100%;}     
  
  
  为什么在有的手机浏览器中会出现图片铺不满屏的情况呢？谢谢！

Answer 1

第一，查看下面这句加了没

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

第二，虽然图片设置了max-width:100%;但是图片本身宽度就比屏幕小的话，是不会放大的，要设置width:100%;

Answer 2

img{max-width:100%; 
    width：100% ；
    height: auto;
    width: auto\9;}

这样写就可以了。