、使用meta標簽：viewport
H5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備對該標簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統(tǒng)。
viewport 是用戶網(wǎng)頁的可視區(qū)域。翻譯為中文可以叫做"視區(qū)"。
手機瀏覽器是把頁面放在一個虛擬的"窗口"（viewport）中，通常這個虛擬的"窗口"（viewport）比屏幕寬，這樣就不用把每個網(wǎng)頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優(yōu)化的網(wǎng)頁的布局），用戶可以通過平移和縮放來看網(wǎng)頁的不同部分。
viewport標簽極其屬性：
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
每個屬性的詳細介紹：
| 屬性名 | 取值 | 描述 |
|---|---|---|
| width | 正整數(shù) 或 device-width | 定義視口的寬度，單位為像素 |
| height | 正整數(shù) 或 device-height | 定義視口的高度，單位為像素，一般不用 |
| initial-scale | [0.0-10.0] |
延伸閱讀
 學(xué)習(xí)是年輕人改變自己的最好方式
我想了解如何學(xué)習(xí) |