IOS移動端meta

 

<meta name="format-detection" content="telephone=no">等

在iPhone的瀏覽器中頁面將以原始大小顯示,不允許縮放。  

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">   

 

width - viewport的寬度 height - viewport的高度   

initial-scale - 初始的縮放比例  

minimum-scale - 允許用戶縮放到的最小比例   

maximum-scale - 允許用戶縮放到的最大比例  

user-scalable - 用戶是否可以手動縮放  

 

----------------------------------------------------------------------------------------------------------------------------------------------

在iPhone 手機上默認值是(電話號碼顯示爲撥號的超鏈接):

<meta name="format-detection" content="telephone=yes"/>

可將telephone=no,則手機號碼不被顯示爲撥號鏈接

<meta name="format-detection" content="telephone=no"/>

------------------------------------------------------------------------------------------------------------------

 

iOS設備對meta定義的私有屬性:(可以添加至主屏幕)
<meta name="apple-mobile-web-app-capable" content="yes" />

•網站開啓對web app程序的支持。
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

•在web app應用下狀態條(屏幕頂部條)的顏色;
•默認值爲default(白色),可以定爲black(黑色)和black-translucent(灰色半透明)。

•若值爲“black-translucent”將會佔據頁面px位置,浮在頁面上方(會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕爲40px)。

------------------------------------------------------------------------------------------------------------------

更詳細的內容:http://www.cnblogs.com/yuzhongwusan/archive/2011/11/29/2267568.html

 

官方文檔:https://developer.apple.com/library/safari/documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

 

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringW


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章