- 移動(dòng)端頁面設(shè)置視口寬度等于設(shè)備寬度几晤,并禁止縮放也切。
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
- 移動(dòng)端頁面設(shè)置視口寬度等于定寬(如640px)只壳,并禁止縮放杜漠,常用于微信瀏覽器頁面极景。
<meta name="viewport" content="width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
- 禁止將頁面中的數(shù)字識(shí)別為電話號(hào)碼
<meta name="format-detection" content="telephone=no">
- 忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別
<meta name="format-detection" content="email=no">
- 當(dāng)網(wǎng)站添加到主屏幕快速啟動(dòng)方式,可隱藏地址欄驾茴,僅針對(duì)ios的safari
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- ios7.0版本以后盼樟,safari上已看不到效果 -->
- 將網(wǎng)站添加到主屏幕快速啟動(dòng)方式,僅針對(duì)ios的safari頂端狀態(tài)條的樣式
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 可選default锈至、black晨缴、black-translucent -->
<meta name="apple-mobile-web-app-title" content="標(biāo)題">
- 添加智能 App 廣告條 Smart App Banner:告訴瀏覽器這個(gè)網(wǎng)站對(duì)應(yīng)的app,并在頁面上顯示下載banner
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
- 優(yōu)先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>title</title>
</head>
<body></body>
</html>
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者