1、viewport
<meta name="viewport" content="width=device-width,initial-scale=1,
minimum-scale=1,maximum-scale=1,user-scalable=no" />
(1)width 控制viewport的大小,可以指定一個值,如640或者特殊的值;
device-width為設(shè)備的寬度(單位為縮放為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"
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible是IE8的一個專有<meta>屬性,它告訴IE8采用何種IE版本去渲染網(wǎng)頁,
在html的<head>標(biāo)簽中使用;
IE=edge,如果系統(tǒng)安裝ie8或以上版本,則使用最高版本ie渲染;否則,這個設(shè)定可以忽略。
3、renderer
<meta name="renderer" content="webkit|ie-comp|ie-stand">
指定雙核瀏覽器默認(rèn)以何種方式渲染頁面。
webkit 默認(rèn)webkit內(nèi)核;
ie-comp 默認(rèn)IE兼容模式;
ie-stand 默認(rèn)IE標(biāo)準(zhǔn)模式;
而webkit|ie-comp|ie-stand這種寫法是按照順序排他的優(yōu)先級,不支持則往下,
瀏覽器將會按照從左到右的先后順序選擇其具備的渲染內(nèi)核來處理當(dāng)前網(wǎng)頁。
目前支持對其提供支持的瀏覽器有:360
4、apple-mobile-web-app-title
<meta name="apple-mobile-web-app-title" content="亞網(wǎng)互聯(lián)">
在發(fā)送到屏幕的時候默認(rèn)的命名
5、format-detection
1 <meta name="format-detection" content="telephone=no" />
//告訴設(shè)備忽略將頁面中的數(shù)字識別為電話號碼 2 <meta name="format-detection" content="email=no" /> //不讓android識別郵箱
【 微信掃一掃 】