移動端常鍵<meta>使用分享

貌似在移動端<meta>標籤的使用更加頻繁，顯得也尤為重要。

下面分享一下比較常見的<meta>標籤使用方式，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!-- 
viewport：移動端可視區域；
width=device-width：寬度等於裝置寬度
initial-scale        設定頁面的初始縮放值
minimum-scale        允許使用者的最小縮放值
maximum-scale        允許使用者的最大縮放值
user-scalable        是否允許使用者進行縮放，值為"no"或"yes"
height          不做處理
-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
 
<!-- ios私有 -->
<meta name="apple-mobile-web-app-capable" content="yes" /><!-- 是否全屏 -->
<!-- 訊號欄的樣式顏色 default（白色）black（黑色） black-translucent（灰色半透明） -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" /><!-- 不會把數字變成電話號碼 -->
 
<!-- UC私有 -->
<meta name="screen-orientation" content="portrait"><!-- 強制豎屏  -->  
<meta name="full-screen" content="yes" /><!-- 全屏 -->
<meta name="browsermode" content="application" /><!-- app UC下有問題可以刪掉-->
 
<!-- QQ私有 -->
<meta name="x5-orientation" content="portrait" /><!-- 強制豎屏  -->
<meta name="x5-fullscreen" content="true" /><!-- 全屏 -->
<meta name="x5-page-mode" content="app" /><!-- app -->