移動端開發,在html的<head>標簽下,寫下這些,你會省掉許多麻煩。特此記錄,以備后查。
解釋:
-
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
- http-equiv="X-UA-Compatible" :在IE8剛推出的時候,很多網頁由于重構的問題,無法適應較高級的瀏覽器,所以使用X-UA-Compatible標簽強制IE8采用低版本方式渲染。
使用下面這段代碼后,開發者無需考慮網頁是否兼容IE8瀏覽器,只要確保網頁在IE6、IE7下的表現就可以了。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
width:viewport的寬度
height:viewport的高度
initial-scale:初始的縮放比例
minimum-scale:允許用戶縮放到的最小比例
maximum-scale:允許用戶縮放到的最大比例
user-scalable:用戶是否可以手動縮放
- <meta name="format-detection" content="telephone=no" />
- 在iPhone 手機上默認值是(電話號碼顯示為撥號的超鏈接):
<meta name="format-detection" content="telephone=yes"/> - 可將telephone=no,則手機號碼不被顯示為撥號鏈接
<meta name="format-detection" content="telephone=no"/>
-
直接復制區,放心拿去用吧:
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />