關於移動端meta設定

標籤：name   數字   相容模式   window   相容   刪除   pat   避免   gem   

<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, user-scalable=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 name="nightmode" content="enable/disable"><meta name="imagemode" content="force"><!-- 禁用掉uc瀏覽器判斷到頁面上文字居多時，會自動放大字型最佳化移動使用者體驗。 --><meta name="wap-font-scale" content="no">

 

關於移動端meta設定