<meta content=」width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0″ name=」viewport」 />
強制讓文檔的寬度與設備的寬度保持1:1,而且文檔最大的寬度比例是1.0,且不容許用戶點擊屏幕放大瀏覽;尤爲要注意的是content裏多個屬性的設置必定要用分號+空格來隔開,若是不規範將不會起做用。web
其中:
width – viewport的寬度
height – viewport的高度
initial-scale – 初始的縮放比例
minimum-scale – 容許用戶縮放到的最小比例
maximum-scale – 容許用戶縮放到的最大比例
user-scalable – 用戶是否能夠手動縮放app
<meta content=」yes」 name=」apple-mobile-web-app-capable」 />
iphone設備中的safari私有meta標籤,它表示:容許全屏模式瀏覽;iphone
<meta content=」black」 name=」apple-mobile-web-app-status-bar-style」 />
iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;spa
<meta content=」telephone=no」 name=」format-detection」 />
告訴設備忽略將頁面中的數字識別爲電話號碼 scala
<meta content="email=no" name="format-detection"/>
告訴設備忽略將頁面中的郵箱識別爲emailorm