移動端常鍵使用分享

青衫無名發表於2018-03-01
貌似在移動端<meta>標籤的使用更加頻繁,顯得也尤為重要。

下面分享一下比較常見的<meta>標籤使用方式,程式碼例項如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!--
viewport:移動端可視區域;
width=device-width:寬度等於裝置寬度
initial-scale        設定頁面的初始縮放值
minimum-scale        允許使用者的最小縮放值
maximum-scale        允許使用者的最大縮放值
user-scalable        是否允許使用者進行縮放,值為"no"或"yes"
height          不做處理
-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  
<!-- ios私有 -->
<meta name="apple-mobile-web-app-capable" content="yes" /><!-- 是否全屏 -->
<!-- 訊號欄的樣式顏色 default(白色)black(黑色) black-translucent(灰色半透明) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" /><!-- 不會把數字變成電話號碼 -->
  
<!-- UC私有 -->
<meta name="screen-orientation" content="portrait"><!-- 強制豎屏  --> 
<meta name="full-screen" content="yes" /><!-- 全屏 -->
<meta name="browsermode" content="application" /><!-- app UC下有問題可以刪掉-->
  
<!-- QQ私有 -->
<meta name="x5-orientation" content="portrait" /><!-- 強制豎屏  -->
<meta name="x5-fullscreen" content="true" /><!-- 全屏 -->
<meta name="x5-page-mode" content="app" /><!-- app -->

原文釋出時間為:2017-2-22

本文作者:admin

本文來自雲棲社群合作伙伴“螞蟻部落”,瞭解相關資訊可以關注螞蟻部落

原文連結:移動端常鍵<meta>使用分享


相關文章