meta标簽的viewport用法簡單介紹

通常會用在移動端的頁面設計，下面簡單介紹一下它的一些相關屬性的作用，需要的朋友可以做一下參考，當然還有更詳細的介紹，可以自行在網絡上查詢，先看一段執行個體:

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

參數分析:

1.width-viewport的寬度。

2.height-viewport的高度。 

3.initial-scale 初始的縮放比例。

4.minimum-scale允許使用者縮放到的最小比例。

5.maximum-scale 允許使用者縮放到的最大比例。 

6.user-scalable 使用者是否可以手動縮放。

原文釋出時間為：2017-2-21

本文作者：admin

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落