Viewport: 一个专门的容器用于可视应用领域（浏览器窗口）.Viewport渲染自身到网页的documet body区域， 并自动将自己调整到适合浏览器窗口的大小，在窗口大小发生改变时自动适应大小。 一个页面中只能创建一个Viewport。任何的Container容器都可以作为一个Viewp....
分类：
Web程序 时间：
2014-11-19 17:48:54
阅读次数：
198
1 //显示一个Ext样式的标题和内容。 2 //Viewport对象简单认为就是浏览器的整个窗口[渲染于body元素] 3 //Extjs中不建议使用new create()方法可以实现对象的动态加载 4 /*Ext.create('Ext.Viewport', { 5 ...
分类：
Web程序 时间：
2014-11-17 19:16:15
阅读次数：
229
在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。在页面里面使用元素时千万不要使...
分类：
其他好文 时间：
2014-11-15 23:08:45
阅读次数：
264
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是...
分类：
移动开发 时间：
2014-11-14 17:21:56
阅读次数：
262
对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下v...
分类：
移动开发 时间：
2014-11-13 20:37:54
阅读次数：
210
1.viewport定义的解析1. （1）强制让文档与设备的宽度保持1：1；（2）文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）；（3）user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。2.flexbox页面布...
分类：
移动开发 时间：
2014-11-12 10:28:23
阅读次数：
194
对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下v...
分类：
移动开发 时间：
2014-11-10 11:53:07
阅读次数：
176
清除浏览器中的缓存，它和其它几句合起来用，就可以使你再次进入曾经访问过的页面时，ie浏览器必须从服务端下载最新的内容，达到刷新的效果。避免HTML页面缓存。width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例m...
分类：
移动开发 时间：
2014-11-07 14:19:29
阅读次数：
203
在 Windows的作图函数中，涉及逻辑坐标到设备坐标的转换。这里提到的窗口（window）、视口(viewport)是对应的概念。视口是与设备相关的一个矩形区域，坐标单位是与设备相关的。窗口的坐标是逻辑坐标，与设备无关。窗口坐标的原点与视口坐标的原点始终对应于同一点。对于同一个图形，用窗口坐标系统...
分类：
其他好文 时间：
2014-11-06 21:45:45
阅读次数：
196
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是...
分类：
移动开发 时间：
2014-11-05 16:34:34
阅读次数：
180
