?

?

?

width：控制 viewport 的大小，可以指定的一個(gè)值，如果 600，或者特殊的值，如 device-width 為設(shè)備的寬度（單位為縮放為 100% 時(shí)的 CSS 的像素）。
height：和 width 相對(duì)應(yīng)，指定高度。
initial-scale：初始縮放比例，也即是當(dāng)頁(yè)面第一次 load 的時(shí)候縮放比例。
maximum-scale：允許用戶縮放到的最大比例。
minimum-scale：允許用戶縮放到的最小比例。
user-scalable：用戶是否可以手動(dòng)縮放

target-densitydpi: 這個(gè)屬性可以改變?cè)O(shè)備的默認(rèn)縮放。medium-dpi是target-densitydpi的默認(rèn)值，如果我們顯式定義target-densitydpi=device-dpi，那么設(shè)備就會(huì)按照真實(shí)的dpi來(lái)渲染頁(yè)面。

target-densitydpi:?target-densitydpi=device-dpi，這樣一來(lái)，手機(jī)設(shè)備就會(huì)按照真實(shí)的像素?cái)?shù)目來(lái)渲染，用專業(yè)的話來(lái)說(shuō)，就是1 CSS px = 1像素。但是IOS對(duì)target-densitydpi不支持，所以我們只能設(shè)置 initial-scale=0.5 直接讓iphone頁(yè)面縮小一半。

?

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=2″>

舊版的iphone由原來(lái)的[480*320]放大為[960*640]

總結(jié)

以上是生活随笔為你收集整理的viewport的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。