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標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼。

總結

以上是生活随笔為你收集整理的第一节 特有标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。