如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是...
分类：
移动开发 时间：
2015-03-05 12:34:44
阅读次数：
180
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-sc....
分类：
移动开发 时间：
2015-03-03 15:04:09
阅读次数：
128
1. 概述
下列图片从层次的角度解释了什么是Tiled Backing Store:
viewport 视图端口：代表用来显示网页内容的区域。Qt里，实际上就是QWidget。
Tiled backing store： 可以看作是off-screen的pixmap的缓冲区。为了滚动、缩放操作的平滑，它覆盖的区域总是比viewport要大。
Co...
分类：
其他好文 时间：
2015-03-03 01:14:51
阅读次数：
243
在查看bootstrap教程中，碰到 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 后，在群兄弟小胡帮助下，知道viewport含义： ? ? ViewPort?<meta>标记用于指定用户是否可以缩放Web页...
分类：
Web程序 时间：
2015-02-28 14:47:41
阅读次数：
131
meta标签name="viewport"含义为手机浏览缩放控制content值包括：width - viewport的宽度 、height - viewport的高度width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字，要么是一个特殊的标记符号。width指令...
分类：
Web程序 时间：
2015-02-27 16:27:27
阅读次数：
335
Viewport DEMO一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：这段代码的意思是，让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。一都主流的web app都是这么设置的，它的作用其实是故意舍弃viewport，不缩放页面，这样dpi肯定和...
分类：
Web程序 时间：
2015-02-26 18:19:05
阅读次数：
171
在用HTML5开发手机应用或手机网页时，部分总会有如下一段代码，这段代码到底什么意思呢。在网上，大家会得到很多答案。我从网上搜集了部分介绍，整理一下，以留备用。什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽....
分类：
移动开发 时间：
2015-02-16 19:36:19
阅读次数：
232
<!--<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><linkrel="stylesheet" href="../../../ui/jquery.mobile-1.4.5/jquery.mobi..
分类：
移动开发 时间：
2015-02-14 01:23:36
阅读次数：
307
在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。如何实现？你只需将“minimal-ui”加入 viewport meta 标签的属性中，比如：此时点击顶栏部分便能显示地址栏与导航栏，再点击页面部分又使之隐...
分类：
移动开发 时间：
2015-02-13 16:17:22
阅读次数：
170
