1. meta viewport:阻止移动浏览器自动调整页面大小: 标签中可以设置具体的宽度（如像素值）或者缩放比例如2.0（设备实际尺寸的两倍 user-scalable=no 即是禁止缩放。 最好设成initial-scale=1.0。2. 媒体查询： 媒体查询只能为我们提供自适应设计效果，不....
分类：
Web程序 时间：
2015-05-05 12:05:58
阅读次数：
148
下面是手机网页的一些认识： 一、 网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。width-viewport的宽度height-viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩...
分类：
移动开发 时间：
2015-05-05 12:00:56
阅读次数：
172
viewpointcss3提供了一些与当前viewpoint相关的元素，vw，vh，vmin, vmax等。“viewpoint” = window sizevw = 1% of viewport width1vh = 1% of viewport height1vmin = 1vw or 1vh,...
分类：
Web程序 时间：
2015-05-04 19:50:31
阅读次数：
1270
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通 俗的讲，移动设备上的viewport就是...
分类：
移动开发 时间：
2015-04-29 16:54:20
阅读次数：
210
<metacontent="target-densitydpi=320,width=640,user-scalable=no"name="viewport">会自动根据dpi320和宽度640的比例，整体页面缩放改变效果@media(device-height:480px)and(-webkit-min-device-pixel-ratio:2){/*兼容iphone4/4s*/.class{}}@media(device-height:568px)..
分类：
移动开发 时间：
2015-04-28 18:47:17
阅读次数：
151
总结，在开发时最好基于320宽进行开发，图片基于640做，在放置图片时可以用background-size或zoom缩放一倍，图片在高清晰屏上就不会模糊。在加载页面时通过读取设备的width去计算dpi然后动态生成meta标记，可以很好解决手机的分辨率适配问题。但是在android pad端上不适用...
分类：
移动开发 时间：
2015-04-28 17:32:56
阅读次数：
163
在HTML中增加meta name="viewport"控制页面不随着放大缩小变形的实现方式...
分类：
Web程序 时间：
2015-04-27 09:48:30
阅读次数：
283
navbar从Bootstrap 2升到Bootstrap 3，meta viewport（解决Bootstrap移动端无法响应问题）
分类：
Web程序 时间：
2015-04-25 19:41:57
阅读次数：
134
Android OpenGL ES 对于不同坐标系下坐标变换，大都使用矩阵运算的方法来定义和实现的。这里介绍对应指定的坐标系（比如viewmodel, projection或是viewport) Android OpenGL ES支持的一些矩阵运算及操作。OpenGL ES 中使用四个分量(x,y,...
分类：
移动开发 时间：
2015-04-24 12:23:43
阅读次数：
329
网格系统：响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列Bootstrap 网格系统（Grid System）的工作原理网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bootstrap 网格系统是如何工作的：行必须放置在.c...
分类：
其他好文 时间：
2015-04-24 11:52:51
阅读次数：
127
