Q立方瀏覽器是騰訊開發(fā)的一款手機(jī)瀏覽器 游戲界面十分精美 清爽 支持常見的網(wǎng)絡(luò)應(yīng)用登陸 支持多個窗口瀏覽 而且速度超快 超省流量界面以宮格形式展示了一些網(wǎng)站圖標(biāo)，下方是工具欄，包括搜索導(dǎo)航欄WebAPP應(yīng)用中心 Q立方瀏覽器的導(dǎo)航欄分類詳細(xì)，站點(diǎn)也非常豐富，用戶幾乎無需自己輸入網(wǎng)址即可滿足日常。

lt！ `width=devicewidth` 會導(dǎo)致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時(shí)出現(xiàn)黑邊。

rem 適用于WebApp，出于兼容性考慮，WebApp下使用 rem 更加能凸價(jià)值和功能 使用CSS的媒體查詢控制 移動UI設(shè)計(jì)稿會采用iPhone寬度作為標(biāo)準(zhǔn) 使用JS控制Web頁面文字大小使其自適應(yīng)屏幕 使用rem 布局的本質(zhì)是等比縮放，一般是基于寬度 將屏幕寬度均分100份，每一份的寬度使用x表示，即x=屏幕寬度100，如果將x作為單位，x。

只有在開啟WebApp全屏模式時(shí)才生效content的值為default black blacktranslucent 國內(nèi)瀏覽器很多都是雙內(nèi)核webkit和Trident，webkit內(nèi)核高速瀏覽，IE內(nèi)核兼容網(wǎng)頁和舊版網(wǎng)站而添加meta標(biāo)簽的網(wǎng)站可以控制瀏覽器選擇何種內(nèi)核渲染 content的取值為webkit，iecomp，iestand之一，區(qū)分大小。

視頻播放 全屏API，元數(shù)據(jù)APIHTML模板元素Safari 插件原生App可以以插件的形式讀取網(wǎng)頁DOM圖片支持CSS支持瀏覽器自動填寫表單支持信用卡調(diào)用攝像頭掃描網(wǎng)頁和本地應(yīng)用交互登錄數(shù)據(jù)共享EcmaScript 6 部分支持SPDY支持谷歌家的新網(wǎng)絡(luò)協(xié)議了文件上傳失效了這是Bug移除了支持 相比其他移動端上的瀏覽器，iOS 8并。

第二個meta標(biāo)簽是iphone設(shè)備中的safari私有meta標(biāo)簽，表示允許全屏模式瀏覽第三個meta標(biāo)簽也是iphone的私有標(biāo)簽，其指定的iphone中safari頂端的狀態(tài)條的樣式第四個meta標(biāo)簽表示告訴設(shè)備忽略將頁面中的數(shù)字識別為電話號碼 2HTML5標(biāo)簽的使用 在開始編寫webapp時(shí)，前端工程師可以使用HTML5，而放棄HTML4。

Web App在iPad調(diào)試頁面，我們常常會遇到需要全屏顯示的效果下面就介紹一下如何使用HTML5代碼來實(shí)現(xiàn)1全屏顯示 2設(shè)備寬度顯示 先將以上兩段代碼加入到HTML5開發(fā)的頁面當(dāng)中3將頁面添加到iPad桌面 用iPad下的Safari瀏覽器訪問開發(fā)的頁面，點(diǎn)擊“分享”圖標(biāo)，然后在下拉界面中選擇“添加到主屏幕。

1在viewportmeta標(biāo)簽上設(shè)置width=320，頁面的各個元素也采用px作為單位通過用JS動態(tài)修改標(biāo)簽的initialscale使得頁面等比縮放，從而剛好占滿整個屏幕見前端開發(fā)webapp變革之rem2設(shè)在viewportmeta標(biāo)簽上設(shè)置contentquotwidth=640，userscalable=no，頁面的各個元素也采用px作為單位由于640px超出。

第二個meta標(biāo)簽是ios設(shè)備不只iphone中的safari私有meta標(biāo)簽，它表示允許全屏模式瀏覽，開啟對Web Aapp程序的支持第三個meta標(biāo)簽也是ios系統(tǒng)的私有標(biāo)簽，它指定在web app狀態(tài)下，ios設(shè)備中頂端的狀態(tài)條的顏色 默認(rèn)值為default白色，可以定為black黑色和blacktranslucent灰色半透明。