Q立方浏览器是腾讯开发的一款手机浏览器 游戏界面十分精美 清爽 支持常见的网络应用登陆 支持多个窗口浏览 而且速度超快 超省流量界面以宫格形式展示了一些网站图标，下方是工具栏，包括搜索导航栏WebAPP应用中心 Q立方浏览器的导航栏分类详细，站点也非常丰富，用户几乎无需自己输入网址即可满足日常。

lt！ `width=devicewidth` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边。

rem 适用于WebApp，出于兼容性考虑，WebApp下使用 rem 更加能凸价值和功能 使用CSS的媒体查询控制 移动UI设计稿会采用iPhone宽度作为标准 使用JS控制Web页面文字大小使其自适应屏幕 使用rem 布局的本质是等比缩放，一般是基于宽度 将屏幕宽度均分100份，每一份的宽度使用x表示，即x=屏幕宽度100，如果将x作为单位，x。

只有在开启WebApp全屏模式时才生效content的值为default black blacktranslucent 国内浏览器很多都是双内核webkit和Trident，webkit内核高速浏览，IE内核兼容网页和旧版网站而添加meta标签的网站可以控制浏览器选择何种内核渲染 content的取值为webkit，iecomp，iestand之一，区分大小。

视频播放 全屏API，元数据APIHTML模板元素Safari 插件原生App可以以插件的形式读取网页DOM图片支持CSS支持浏览器自动填写表单支持信用卡调用摄像头扫描网页和本地应用交互登录数据共享EcmaScript 6 部分支持SPDY支持谷歌家的新网络协议了文件上传失效了这是Bug移除了支持 相比其他移动端上的浏览器，iOS 8并。

第二个meta标签是iphone设备中的safari私有meta标签，表示允许全屏模式浏览第三个meta标签也是iphone的私有标签，其指定的iphone中safari顶端的状态条的样式第四个meta标签表示告诉设备忽略将页面中的数字识别为电话号码 2HTML5标签的使用 在开始编写webapp时，前端工程师可以使用HTML5，而放弃HTML4。

Web App在iPad调试页面，我们常常会遇到需要全屏显示的效果下面就介绍一下如何使用HTML5代码来实现1全屏显示 2设备宽度显示 先将以上两段代码加入到HTML5开发的页面当中3将页面添加到iPad桌面 用iPad下的Safari浏览器访问开发的页面，点击“分享”图标，然后在下拉界面中选择“添加到主屏幕。

1在viewportmeta标签上设置width=320，页面的各个元素也采用px作为单位通过用JS动态修改标签的initialscale使得页面等比缩放，从而刚好占满整个屏幕见前端开发webapp变革之rem2设在viewportmeta标签上设置contentquotwidth=640，userscalable=no，页面的各个元素也采用px作为单位由于640px超出。

第二个meta标签是ios设备不只iphone中的safari私有meta标签，它表示允许全屏模式浏览，开启对Web Aapp程序的支持第三个meta标签也是ios系统的私有标签，它指定在web app状态下，ios设备中顶端的状态条的颜色 默认值为default白色，可以定为black黑色和blacktranslucent灰色半透明。