meta標籤的viewport用法簡單介紹

admin發表於2017-02-21

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

[HTML] 純文字檢視 複製程式碼
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

引數分析:

1.width-viewport的寬度。

2.height-viewport的高度。 

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

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

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

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


相關文章