關於移動開發的一些meta設定

來源:互聯網
上載者:User

標籤:one   介面   minimal   nim   idt   end   scree   format   mat   

1、WebApp全螢幕模式:

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
注意:viewport 後面加上 minimal-ui 在safri 體現效果
<meta name="apple-mobile-web-app-capable" content="yes" />

2、隱藏狀態列/設定狀態列顏色:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 

3、safri 添加到主屏介面的顯示標題:

<meta name="apple-mobile-web-app-title" content="應用標題"> 

4、忽略自動識別數字為電話號碼:

<meta content="telephone=no" name="format-detection" /> 

5、忽略自動識別郵箱帳號:

<meta content="email=no" name="format-detection" /> 

6、常用瀏覽器全屏設定:

<!-- uc強制豎屏 -->

<meta name="screen-orientation" content="portrait">

<!-- UC強制全屏 -->

<meta name="full-screen" content="yes">

<!-- UC應用模式 -->

<meta name="browsermode" content="application">

<!-- QQ強制豎屏 -->

<meta name="x5-orientation" content="portrait">

<!-- QQ強制全屏 -->

<meta name="x5-fullscreen" content="true">

<!-- QQ應用模式 -->

<meta name="x5-page-mode" content="app">

<!-- 是針對一些老的不識別viewport的瀏覽器,列如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- 微軟的老式瀏覽器 -->

<meta name="MobileOptimized" content="320">

關於移動開發的一些meta設定

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.