| 屬性名 | 取值 | 描述 |
|---|---|---|
| width | 正整數(shù) 或 device-width | 定義視口的寬度，單位為像素 |
| height | 正整數(shù) 或 device-height | 定義視口的高度，單位為像素，一般不用 |
| initial-scale | [0.0-10.0] | 定義初始縮放值 |
| minimum-scale | [0.0-10.0] | 定義縮小最小比例，它必須小于或等于maximum-scale設(shè)置 |
| maximum-scale | [0.0-10.0] | 定義放大最大比例，它必須大于或等于minimum-scale設(shè)置 |
| user-scalable | yes/no | 定義是否允許用戶手動(dòng)縮放頁(yè)面，默認(rèn)值yes |
width屬性被用來控制layout viewport（布局視口）的寬度，layout viewport（布局視口）寬度默認(rèn)值是設(shè)備廠家指定的。iOS, Android基本都將這個(gè)視口分辨率設(shè)置為 980px。我們可以 width=320 這樣設(shè)為確切的像素?cái)?shù)，也可以設(shè)為device-width這一特殊值，一般為了自適應(yīng)布局，普遍的做法是將width設(shè)置為device-width，例如：
width=device-width 也就是將layout viewport（布局視口）的寬度設(shè)置 ideal viewport（理想視口）的寬度。網(wǎng)頁(yè)縮放比例為100%時(shí)，一個(gè)CSS像素就對(duì)應(yīng)一個(gè) dip（設(shè)備邏輯像素），而layout viewport（布局視口）的寬度，ideal viewport（理想視口）的寬度（通常說的分辨率），dip 的寬度值是相等的。
height
與width類似，但實(shí)際上卻不常用。
initial-scale
initial-scale用于指定頁(yè)面的初始縮放比例：
initial-scale=1 表示將layout viewport（布局視口）的寬度設(shè)置為 ideal viewport（理想視口）的寬度，initial-scale=1.5 表示將layout viewport（布局視口）的寬度設(shè)置為 ideal viewport（理想視口）的寬度的1.5倍。
maximum-scale
maximum-scale用于指定用戶能夠放大的最大比例，例如
假設(shè)頁(yè)面的默認(rèn)縮放值initial-scale是1，那么用戶最終能夠?qū)㈨?yè)面放大到這個(gè)初始頁(yè)面大小的3倍。
minimum-scale
類似maximum-scale的描述，不過minimum-scale是用來指定頁(yè)面縮小比例的。通常情況下，不會(huì)定義該屬性的值，頁(yè)面太小將難以閱讀。
user-scalable
user-scalable來控制用戶是否可以通過手勢(shì)對(duì)頁(yè)面進(jìn)行縮放。該屬性的默認(rèn)值為yes，可被縮放，你也可以將該值設(shè)置為no，表示不允許用戶縮放網(wǎng)頁(yè)。例如：
PS：關(guān)于iPhone 的屏幕分辨率
iPhone 6 Plus 官方標(biāo)稱屏幕是 1920 x 1080 的，但是在 Xcode 中我們發(fā)現(xiàn)模擬器的屏幕其實(shí)是看似奇怪的 2208 × 1242，為什么呢？
這個(gè)縮小 17% 的比例是這么來的呢？來看 Stack Overflow 上的回答：iPhone 6 Plus resolution confusion: Xcode or Apple’s website? ，簡(jiǎn)單來說就是為了切圖的放大倍數(shù)、實(shí)際渲染像素都是正整數(shù)。
標(biāo)簽：晉中 撫州 玉溪 邯鄲 內(nèi)蒙古 牡丹江 安慶 煙臺(tái)
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML5移動(dòng)端開發(fā)中的Viewport標(biāo)簽及相關(guān)CSS用法解析》，本文關(guān)鍵詞 HTML5,移動(dòng),端,開發(fā),中的,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
