<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, user-scalable=no"> <!-- 定義這個(gè)東西，讓他屏幕大小適應(yīng)手機(jī)端--> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"><!-- 刪除蘋果默認(rèn)的工具欄和菜單欄 --> <meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- 設(shè)置蘋果工具欄顏色 --> <meta name="format-detection" content="telphone=no, email=no"><!-- 忽略頁面中的數(shù)字識(shí)別為電話，忽略email識(shí)別 --> <!-- 啟用360瀏覽器的極速模式(webkit) --> <meta name="renderer" content="webkit"> <!-- 避免IE使用兼容模式 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 針對(duì)手持設(shè)備優(yōu)化，主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器，比如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微軟的老式瀏覽器 --> <meta name="MobileOptimized" content="320"> <!-- uc強(qiáng)制豎屏 --> <meta name="screen-orientation" content="portrait"> <!-- QQ強(qiáng)制豎屏 --> <meta name="x5-orientation" content="portrait"> <!-- UC強(qiáng)制全屏 --> <meta name="full-screen" content="yes"> <!-- QQ強(qiáng)制全屏 --> <meta name="x5-fullscreen" content="true"> <!-- UC應(yīng)用模式 --> <meta name="browsermode" content="application"> <!-- QQ應(yīng)用模式 --> <meta name="x5-page-mode" content="app"> <!-- windows phone 點(diǎn)擊無高光 --> <meta name="msapplication-tap-highlight" content="no"> <!-- 適應(yīng)移動(dòng)端end --> <meta name="nightmode" content="enable/disable"> <meta name="imagemode" content="force"> <!-- 禁用掉uc瀏覽器判斷到頁面上文字居多時(shí)，會(huì)自動(dòng)放大字體優(yōu)化移動(dòng)用戶體驗(yàn)。 --> <meta name="wap-font-scale" content="no">

總結(jié)

以上是生活随笔為你收集整理的关于移动端meta设置（未完待续）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。