移動端常鍵使用分享
貌似在移動端<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>使用分享
相關文章
- 微信分享(移動web端)Web
- 移動端常見適配方案
- 移動端常見bug彙總002
- web移動端常問面試題Web面試題
- 微信小程式使用元件實現移動端軟鍵盤微信小程式元件
- 移動端使用rem原理REM
- css在移動端常遇到的檔案CSS
- 「移動端」前端常見知識點總結前端
- 移動端頁面分享快照生成總結
- PC端/移動端常見的相容性問題總結
- 移動端使用tensorflow lite爬坑攻略
- 移動端常見相容性問題解決方案
- vue:移動端判斷鍵盤事件,相容安卓iosVue事件安卓iOS
- 移動端定位
- React專案使用vw適配移動端React
- Lesktop開源IM移動端:接入LayIM移動端UIUI
- vue移動端專案接入vconsole(移動端除錯)Vue除錯
- 移動端頁面鍵盤出現“搜尋”按鍵且實現提交功能
- 【移動端開發】移動端開發基礎問題
- 移動端頁面自定義input喚起鍵盤return,換行鍵為搜尋
- 移動端適配
- 移動端UI框架UI框架
- 移動端佈局
- 移動端彈窗
- 移動端touch事件事件
- 移動端 touch事件事件
- 移動端規則
- h5移動端常見的問題及解決方案H5
- 移動端模擬滾動
- 分享移動端app與h5的產品差別(一)APPH5
- charles抓取web端移動端httpsWebHTTP
- 移動端測試入門系列:移動測試內容分享路徑圖 [第二期]
- 阿里技術分享:閒魚IM基於Flutter的移動端跨端改造實踐阿里Flutter跨端
- 在移動端使用vue-router和keep-aliveVueKeep-Alive
- React 移動端判斷使用者劃屏方向React
- 使用jQuery仿製網易雲音樂移動端jQuery
- flutter系列之:移動端手勢的具體使用Flutter
- 移動端軟鍵盤彈出影響頁面佈局問題
- 靈光乍現 解決移動端保持鍵盤開啟狀態