viewport

開發移動設備的網站時，咱們須要在的head標籤中寫上：

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

一、做用：

該meta標籤的做用是讓當前viewport的寬度等於設備的寬度，同時不容許用戶手動縮放。

二、原理：

由於在移動設備上，1px並不等於物理像素1px。默認viewport（1px等於物理像素1px），不一樣分辨率的手機，表現就會不一樣。