?

?

?

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

target-densitydpi: 這個屬性可以改變設備的默認縮放。medium-dpi是target-densitydpi的默認值，如果我們顯式定義target-densitydpi=device-dpi，那么設備就會按照真實的dpi來渲染頁面。

target-densitydpi:?target-densitydpi=device-dpi，這樣一來，手機設備就會按照真實的像素數目來渲染，用專業的話來說，就是1 CSS px = 1像素。但是IOS對target-densitydpi不支持，所以我們只能設置 initial-scale=0.5 直接讓iphone頁面縮小一半。

?

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

舊版的iphone由原來的[480*320]放大為[960*640]

總結

以上是生活随笔為你收集整理的viewport的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。