移動端 meta 標籤的使用

標籤：detection   ini   避免   content   針對   zed   360瀏覽器   電話   --   

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />    <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, email=no" />    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />    <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="telphone=no, email=no" />    <!-- 忽略頁面中的數字識別為電話，忽略email識別 -->    <!-- 啟用360瀏覽器的極速模式(webkit) -->    <meta name="renderer" content="webkit">    <!-- 避免IE使用相容模式 -->    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <!-- 針對手持功能最佳化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓 -->    <meta name="HandheldFriendly" content="true">    <!-- 微軟的老式瀏覽器 -->    <meta name="MobileOptimized" content="320">    <!-- uc強制豎屏 -->    <meta name="screen-orientation" content="portrait">    <!-- QQ強制豎屏 -->    <meta name="x5-orientation" content="portrait">    <!-- UC強制全屏 -->    <meta name="full-screen" content="yes">    <!-- QQ強制全屏 -->    <meta name="x5-fullscreen" content="true">    <!-- UC應用模式 -->    <meta name="browsermode" content="application">    <!-- QQ應用模式 -->    <meta name="x5-page-mode" content="app">    <!-- windows phone 點擊無高光 -->    <meta name="msapplication-tap-highlight" content="no">    <!-- 適應移動端end -->

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

移動端 meta 標籤的使用