模擬手機(jī)端網(wǎng)頁
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
viewport ->視窗(展示區(qū)域)
width=device-width設(shè)備寬度
視口
<metaname = 'viewport'content = "width=320">
<metaname = 'viewport'content = "width=device-width">
user-scalable=no/0是否允許縮放
?initial-scale=1.0初始值
maximum-scale=1.0
minimum-scale=1.0
-----------------------------------------------------------------------------
<meta name="viewport" content="width=device-width, user-scalable=no">
user-scalable=no/0禁止用戶縮放頁面
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
initial-scale=1.0初始化頁面縮放比例
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
maximum-scale=1.0最大縮放比例(為了個(gè)別手機(jī)華為Meta8)
-----------------------------------------------------------------------------
蘋果設(shè)備專有meta:
<!---允許網(wǎng)頁以app形式運(yùn)行(允許添加到主屏幕)--->
<meta name="apple-mobile-web-app-capable" content="yes">
<!---狀態(tài)欄顏色--->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
京東meta:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!---禁止之別電話號(hào)碼和郵箱--->
<meta name="format-detection" content="telephone=no,email=no">
淘寶meta：
<meta content="yes" name="apple-mobile-web-app-capable">
<!--點(diǎn)擊頁面區(qū)域全屏展示--->
<meta content="yes" name="apple-touch-fullscreen"/>
<meta content="telephone=no,email=no" name="format-detection"/>
<!--應(yīng)用信息脉课，保留系統(tǒng)歷史記錄径簿，運(yùn)動(dòng)效果-->
<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes"/>
其他meta:
<!--強(qiáng)制讓360瀏覽器用chrome內(nèi)核渲染頁面-->
<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">
