html5 移动页面自适应屏幕宽度

 html5移动页面自适应屏幕宽度

　　1.使用meta标签，在头部加入下面代码

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

　　2.用百分比，‘百’指的是父元素，这只适合布局简单的页面，复杂的页面实现很困难。

　　　　注：padding、 margin设置宽高的百分比都是相对屏幕宽度

　　3.用CSS相对单位rem。

　　4.媒体查询@media screen and （max-**px;）{}。