移動web開發-------meta

<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

相關文章
相關標籤/搜索