網上搜索了下,整理下移動端頁面,需要注意的
控制顯示區域各種屬性:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
width - viewport的寬度(范圍從 200 到 10,000,默認為 980 像素)
height – viewport的高度(范圍從 223 到 10,000 )
initial-scale - 初始的縮放比例(范圍從 > 0 到 10)
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale – 允許用戶縮放到的最大比例
user-scalable – 用戶是否可以手動縮放(no,yes||0,1)
[attachimg]
1.http-equiv 屬性的 Content-Type 值(顯示字符集的設定)
說明:設定頁面使用的字符集,用以說明主頁制作所使用的文字語言,瀏覽器會根據此來調用相應的字符集顯示 page 內容。
用法:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
注意:該 meta 標簽定義了 HTML 頁面所使用的字符集為 utf-8 ,就是萬國碼。它可以在同一頁面顯示中文簡體、繁體及其它語言(如日文,韓文)等。
[attachimg]
2.name 屬性設置作者姓名及聯系方式
<meta name="author" contect="liudanyun, liudy102@163.com" />
[attachimg]
3.忽略將數字變為電話號碼:
<meta content="telephone=no" name="format-detection">
一般情況下,IOS和Android系統都會默認某長度內的數字為電話號碼,即使不加也是會默認顯示為電話的,so,取消這個很有必要!
[attachimg]
4.IOS中Safari允許全屏瀏覽:
<meta content="yes" name="apple-mobile-web-app-capable">
[attachimg]
5.IOS中Safari頂端狀態條樣式:
<meta content="black" name="apple-mobile-web-app-status-bar-style">
[attachimg]
6.使用特殊鏈接:
如果你關閉自動識別后 ,又希望某些電話號碼能夠鏈接到 iPhone 的撥號功能 ,那么可以通過這樣來聲明電話鏈接 ,
<a href="tel:12345654321">打電話給我</a>
<a href="sms:12345654321">發短信</a>
或用於單元格:
<td onclick="location.href='tel:122'">
如果哪里有需要補充的請下方留言!謝謝!
by:YPF