html5移動端Meta設置

1.   強制讓文檔的寬度與設備的寬度保持1:1，而且文檔最大的寬度比例是1.0，且不容許用戶點擊屏幕放大瀏覽。

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

 

2.   WebApp全屏模式   隱藏地址欄。

<meta name="apple-mobile-web-app-capable" content="yes" />

 

3.   禁止百度轉碼顯示。

<meta http-equiv="Cache-Control" content="no-siteapp">

 

4.   制定iphone中safari頂端的狀態條的樣式（default:白色，black:黑色，black-translucent：半透明）

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

 

5.    添加到IOS主屏後的標題。

<meta name="apple-mobile-web-app-title" content="標題名稱">

 

 

 

 

相關閱讀：

http://www.haorooms.com/post/html_meta_ds

http://www.mfbuluo.com/9534.html

http://jingyan.baidu.com/article/e75057f2a5a689ebc91a893d.html

http://www.chinaz.com/web/2014/0113/335167.shtml

http://mt.sohu.com/20150228/n409217556.shtml

http://zhangge.net/4535.html    張戈博客