20160622 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.用百分比，‘百’指的是父元素，這隻適合布局簡單的頁面，複雜的頁面實現很困難。

　　3.用CSS相對單位rem。

　　4.媒體查詢@media screen and （max-width:**px;）{}。

20160622 html5移動頁面自適應螢幕寬度