H5經常使用的 總結

<!--爲移動端量身打造的一套屬性,頁面禁止縮放,而且鋪滿全屏,末尾的minimal-ui是ios7.1爲<meta>新增的屬性,讓網頁隱藏頂部地址欄,達到一個全屏顯示的效果,不過該屬性在ios8版本又給移除了,逗比。-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
<!--禁止頁面緩存-->
<meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"> <!-- safar瀏覽器全屏顯示 -->
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 瀏覽器頂部顏色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- 數字號碼不被顯示爲撥號連接 -->
<meta name="format-detection" content="telephone=no">
<!-- apple手機的私有屬性,將網站添加到主屏幕上時以自定義圖片顯示,57×57(默認值)的圖標對應320×640的iphone老設備,72×72對應ipad,114×114對應retina屏的iPhone及iTouch。ipad3對應144×144的高分辨率。-->
<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png"> <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-ipad3-144.png">
<!-- UC默認豎屏,UC強制全屏 -->
<meta name="full-screen" content="yes">
<
meta name="browsermode" content="application">
<!-- QQ瀏覽器強制豎屏 QQ瀏覽器強制全屏 -->
<meta name="x5-orientation" content="portrait">
<
meta name="x5-fullscreen" content="true"><meta name="x5-page-mode" content="app">
相關文章
相關標籤/搜索