<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> 1. width=device-width width:可視區域的寬度,值可為數字或關 ...
<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <meta name="apple-mobile-web-app-capable" content="no" /> <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
1. width=device-width width:可視區域的寬度,值可為數字或關鍵詞device-width(設備寬度)
2. initial-scale=1.0, intial-scale:頁面首次被顯示是可視區域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放。(初始規模)
3. maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別, maximum-scale用戶可將頁面放大的程式,1.0將禁止用戶放大到實際尺寸之上。
4. user-scalable:是否可對頁面進行縮放,no 禁止縮放
5. apple-mobile-web-app-capable:這meta的作用就是刪除預設的蘋果工具欄和菜單欄。
content有兩個值”yes”和”no”,當我們需要顯示工具欄和菜單欄時,這個行meta就不用加了,預設就是顯示。
6. <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
format-detection翻譯成中文的意思是“格式檢測”,顧名思義,它是用來檢測html里的一些格式的,那關於meta的format-detection屬性主要是有以下幾個設置: meta name="format-detection" content="telephone=no" meta name="format-detection" content="email=no" meta name="format-detection" content="adress=no" 也可以連寫:meta name="format-detection" content="telephone=no,email=no,adress=no" 下麵具體說下每個設置的作用: 一、telephone你明明寫的一串數字沒加鏈接樣式,而iPhone會自動把你這個文字加鏈接樣式、並且點擊這個數字還會自動撥號!想去掉這個撥號鏈接該如何操作呢?這時我們的meta又該大顯神通了,代碼如下:
telephone=no就禁止了把數字轉化為撥號鏈接!
telephone=yes就開啟了把數字轉化為撥號鏈接,要開啟轉化功能,這個meta就不用寫了,在預設是情況下就是開啟!
二、email
告訴設備不識別郵箱,點擊之後不自動發送
email=no禁止作為郵箱地址!
email=yes就開啟了把文字預設為郵箱地址,這個meta就不用寫了,在預設是情況下就是開啟!
三、adress
adress=no禁止跳轉至地圖!
adress=yes就開啟了點擊地址直接跳轉至地圖的功能,在預設是情況下就是開啟!