4 meta
我們可以通過meta標籤，對viewport進行控制，一般我們的設置之後想要的效果：
1）viewport的寬度==屏幕的寬度
2）同時不允許用戶手動縮放。
一般情況下，設置viewport的代碼放到模板裏面去
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,minimum-scale=1 user-scalable=0">
|
屬性名稱 |
作用 |
|
width |
設置viewport的寬度，一般直接寫device-width |
|
initial-scale |
初始縮放比例，也即是當頁面第一次 load 的時候縮放比例 |
|
maximum-scale |
允許用戶縮放到的最大比例 |
|
minimum-scale |
允許用戶縮放到的最小比例。 |
|
user-scalable |
用戶是否可以手動縮放。 |
|
height |
一般不設置（忽略） |
5 rem
Rem是什麼？（root element）
1）是一個相對於根元素的單位
2）和em相類似，只是em 相對於父元素
Rem的特點：
默認情況下1rem= 16px 當然，這是和瀏覽器默認字體相關（坑：Chrome最小字體是12px）
1）通過JS去設置HTML的font-size
（3.1）現貨區屏幕的寬度
（3.2）計算出1rem的值，1rem=屏幕寬度/16；16不是固定的.15也行，建議用16
（3.3）設置到HTML元素上去
2）測試效果圖得到的是XXpx,我們需要轉換成rem
(4.1)代碼裏面寫具體的px，然後我們將代碼傳到指定網站，在線轉換成rem
http://www.520ued.com/tools/rem
