页面宽度 手机浏览器满屏自适应

1.设置页面宽度让手机浏览器满屏自适应

<meta name="viewport" content="width=650;target-densitydpi=device-dpi; minimum-scale=0.5; maximum-scale=2,user-scalable=yes">

2.css判断

@media screen and (max-width: 650px) { img {max-width:100%; } }
@media screen and (max-width: 480px) { img{max-width:100%; } }
@media screen and (max-width: 320px) { img{width:50%; } }