关于移动端meta设置(未完待续)
生活随笔
收集整理的這篇文章主要介紹了
关于移动端meta设置(未完待续)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<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"><!-- 忽略頁(yè)面中的數(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)擊無(wú)高光 --> <meta name="msapplication-tap-highlight" content="no"> <!-- 適應(yīng)移動(dòng)端end --> <meta name="nightmode" content="enable/disable"> <meta name="imagemode" content="force"> <!-- 禁用掉uc瀏覽器判斷到頁(yè)面上文字居多時(shí),會(huì)自動(dòng)放大字體優(yōu)化移動(dòng)用戶體驗(yàn)。 --> <meta name="wap-font-scale" content="no">
總結(jié)
以上是生活随笔為你收集整理的关于移动端meta设置(未完待续)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Discovery CentOS6.4
- 下一篇: html a标签