1. 程式人生 > >001-移動端頁面頭部設置

001-移動端頁面頭部設置

hone ima init highlight 跳轉 art res ESS 全屏

1 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
2 <meta name="apple-mobile-web-app-capable" content="yes">
3 <meta name="apple-touch-fullscreen" content="yes">
4 <meta name="apple-mobile-web-app-status-bar-style" content="
black"> 5 <meta name="format-detection" content="telephone=no"> 6 <title>Title</title> 7 <link rel="apple-touch-icon-precomposed" href="images/"> 8 <link rel="apple-touch-startup-image" href="images/"> 9 <link rel="stylesheet" href="css/style.css">

第2、3行都是全屏

第4行是電池電量條的背景顏色不讓手機識別

這meta的作用就是刪除默認的蘋果工具欄和菜單欄。

content有兩個值”yes”和”no”,當我們需要顯示工具欄和菜單欄時,這個行meta就不用加了,默認就是顯示。

第5行format-detection翻譯成中文的意思是“格式檢測”

一、telephone

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=no就禁止了把數字轉化為撥號鏈接!
telephone=yes就開啟了把數字轉化為撥號鏈接,要開啟轉化功能,這個meta就不用寫了,在默認是情況下就是開啟!

二、email

告訴設備不識別郵箱,點擊之後不自動發送

email=no禁止作為郵箱地址!
email=yes就開啟了把文字默認為郵箱地址,這個meta就不用寫了,在默認是情況下就是開啟!

三、adress

adress=no禁止跳轉至地圖!
adress=yes就開啟了點擊
地址直接跳轉至地圖的功能,在默認是情況下就是開啟!

001-移動端頁面頭部設置