1.設定浏覽器相容版本
<meta http-equiv="X-UA-Compatible" content="IE=8"> 表示IE浏覽器預設版本為8
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 表示IE浏覽器預設選擇最高版本
2. 手機端特有的标簽
(1).視口
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
視口的作用:在移動浏覽器中,當頁面寬度超出裝置,浏覽器内部虛拟的一個頁面容器,将頁面容器縮放到裝置這麼大,然後展示。
目前大多數手機浏覽器的視口(承載頁面的容器)寬度都是980;
視口的寬度可以通過meta标簽設定
此屬性為移動端頁面視口設定,目前值表示在移動端頁面的寬度為裝置的寬度,并且不縮放(縮放級别為1)
+ width:視口的寬度
+ initial-scale:初始化縮放
+ user-scalable:是否允許使用者自行縮放(值:yes/no; 1/0)
+ minimum-scale:最小縮放,一般設定了使用者不允許縮放,就沒必要設定最小和最大縮放
+ maximum-scale:最大縮放
(2).是否允許全屏
<meta content="yes" name="apple-mobile-web-app-capable">
該meta标簽是iphone裝置中的safari私有meta标簽,它表示:允許全屏模式浏覽;
(3).頂部狀态條的顔色
<meta content="black" name="apple-mobile-web-app-status-bar-style"
該meta标簽也是iphone的私有标簽,它指定的iphone中safari頂端的狀态條的樣式;
在web app應用下狀态條(螢幕頂部條)的顔色;預設值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。注意:若值為“black-translucent”将會占據頁面px位置,浮在頁面上方(會覆寫頁面20px高度–iphone4和itouch4的Retina螢幕為40px)。
(4).忽略數字識别為電話号碼
<meta content="telephone=no" name="format-detection">
該meta标簽表示:告訴裝置忽略将頁面中的數字識别為電話号碼。