我們在開發移動設備的網站時,最常見的的一個動作就是把下面這個東西複製到我們的head標籤中:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
在蘋果的規範中,meta viewport 有6個屬性(暫且把content中的那些東西稱爲一個個屬性和值),如下:
width | 設置layout viewport 的寬度,爲一個正整數,或字符串"width-device" |
initial-scale | 設置頁面的初始縮放值,爲一個數字,可以帶小數 |
minimum-scale | 允許用戶的最小縮放值,爲一個數字,可以帶小數 |
maximum-scale | 允許用戶的最大縮放值,爲一個數字,可以帶小數 |
height | 設置layout viewport 的高度,這個屬性對我們並不重要,很少使用 |
user-scalable | 是否允許用戶進行縮放,值爲"no"或"yes", no 代表不允許,yes代表允許 |