移動端網(wǎng)頁html重構(gòu)

  • viewport

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
設(shè)置視窗寬為設(shè)備寬度,默認(rèn)不縮放,不允許用戶縮放。

  • 忽略電話號碼和郵箱識別

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

  • 全屏模式

<meta name="apple-mobile-web-app-capable" content="yes" />
在iOS中 隱藏工具欄和菜單欄。

  • 頂部狀態(tài)欄背景色

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
頂部狀態(tài)欄(手機(jī)信號、時間、電池)的背景顏色。默認(rèn)值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。

  • 設(shè)置緩存

<meta http-equiv="Cache-Control" content="no-cache" />
手機(jī)頁面通常在第一次加載后會進(jìn)行緩存,然后每次刷新會使用緩存而不是去重新向服務(wù)器發(fā)送請求。如果不希望使用緩存可以設(shè)置no-cache。

游覽器私有

  • QQ瀏覽器私有<META>

全屏模式
<meta name="x5-fullscreen" content="true">
強(qiáng)制豎屏
<meta name="x5-orientation" content="portrait">
強(qiáng)制橫屏
<meta name="x5-orientation" content="landscape">
應(yīng)用模式
<meta name="x5-page-mode" content="app">

  • UC瀏覽器私有<META>

全屏模式
<meta name="full-screen" content="yes">
強(qiáng)制豎屏
<meta name="screen-orientation" content="portrait">
強(qiáng)制橫屏
<meta name="screen-orientation" content="landscape">

其它<META>

針對手持設(shè)備優(yōu)化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓
<meta name="HandheldFriendly" content="true">
微軟的老式瀏覽器
<meta name="MobileOptimized" content="320">
windows phone 點(diǎn)擊無高光
<meta name="msapplication-tap-highlight" content="no">

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,978評論 25 709
  • 隨著html5的普及和Web技術(shù)的凈化,從Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段頂?shù)?/span>閱讀 2,418評論 1 1
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,204評論 4 61
  • 陽春三月,萬物生發(fā),綠意盎然,一切都生機(jī)勃勃!新生葉上總是一塵不染,舊葉上灰塵無數(shù),一番歷經(jīng)滄桑的樣子。...
    陽光屋閱讀 270評論 0 0
  • 首先看看什么是激素? 激素: 是由內(nèi)分泌腺或內(nèi)分泌細(xì)胞分泌的高效活性物質(zhì),對機(jī)體生理過程起調(diào)節(jié)作用,是最強(qiáng)的...
    月光如水MM閱讀 477評論 1 5

友情鏈接更多精彩內(nèi)容