1、viewport
<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="viewport"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"</span> <span style="color: #0000ff;">/></span>
(1)width 控制viewport的大小,可以指定一個值,如640或特殊的值;device-width為裝置的寬度(單位為縮放為100%的CSS的像素);
(2)initial-scale 初始縮放比例,頁第一次載入時的縮放比例;
(3)maximum-scale 允許使用者縮放到的最大比例,範圍從0到10.0;
(4)minimum-scale 允許使用者縮放到的最小比例,範圍從0到10.0;
(5)user-scalable 使用者是否可以手動縮放,數值可以是:yes或true允許使用者縮放;no或false不允許使用者縮放;
2、content="IE=edge"
<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">http-equiv</span><span style="color: #0000ff;">="X-UA-Compatible"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="IE=edge"</span><span style="color: #0000ff;">></span>
X-UA-Compatible是IE8的一個專有屬性,它告訴IE8採用何種IE版本去渲染網頁,在html的
標籤中使用;IE=edge,如果系統安裝ie8以上版本,則使用最高版本ie渲染;否則,這個設定可以忽略。
3、renderer
<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="renderer"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="webkit|ie-comp|ie-stand"</span><span style="color: #0000ff;">></span>
指定雙核心瀏覽器預設以何種方式渲染頁面。
webkit 預設webkit內核;
ie-comp 預設IE相容模式;
ie-stand 預設IE標準模式;
而webkit|ie-comp|ie-stand這種寫法是按照順序排他的優先級,不支援則往下,瀏覽器將會按照從左到右的先後順序選擇其具備的渲染內核來處理當前網頁。
目前支援對其提供支援的瀏覽器有:360
4、apple-mobile-web-app-title
<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="apple-mobile-web-app-title"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="博客园"</span><span style="color: #0000ff;">></span>
在發送到螢幕的時候預設的命名
5、format-detection
<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="telephone=no"</span> <span style="color: #0000ff;">/></span><span style="color: #000000;"> //告诉设备忽略将页面中的数字识别为电话号码 </span><span style="color: #008080;">2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="email=no"</span> <span style="color: #0000ff;">/></span> //不让android识别邮箱