Mobile开发之meta篇 width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ） height: viewport 的高度 （范围从 223 到 10,000 ） initial-scale: 初始的缩放比例 （范围从>0到 10 ） ...
分类：
Web程序 时间：
2015-05-13 10:00:25
阅读次数：
138
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-sc...
分类：
移动开发 时间：
2015-05-12 18:42:08
阅读次数：
123
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。一，简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你...
分类：
Web程序 时间：
2015-05-10 17:01:58
阅读次数：
240
自适应设计可以在一张网页上，同时显示不同分辨率屏幕的测试效果的东西http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/允许网页宽度自动调整viewport是网页...
分类：
其他好文 时间：
2015-05-09 18:52:32
阅读次数：
104
1. viewport：webapp视图也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：wi...
分类：
移动开发 时间：
2015-05-09 18:47:46
阅读次数：
201
控制显示区域各种属性： width - viewport的宽度height – viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale – 允许用户缩放...
分类：
移动开发 时间：
2015-05-06 17:28:39
阅读次数：
294
1.常见的单位 dip, dp, px, sp之间的区别：dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。px: pixels(像素). 不同设备显示...
分类：
Web程序 时间：
2015-05-06 14:40:48
阅读次数：
988
解决这个问题之前首先要了解移动前端开发viewport的概念,自己写了一篇很粗糙viewport详解的文章对它有了一个很简单的理解.这里推荐一篇很详细的博文>步入正题直接上代码解决border：1px的解决办法 1 2 3 4 5 6 像素为1px 7 13...
分类：
移动开发 时间：
2015-05-06 12:33:30
阅读次数：
202
原文作者：无双原文链接：http://www.cnblogs.com/2050/p/3877280.html在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网...
分类：
移动开发 时间：
2015-05-06 01:11:55
阅读次数：
198
原文:Bootstrap 网格系统Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 什么是网格（Grid）？ 摘自维基百科： 在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构...
分类：
其他好文 时间：
2015-05-05 18:26:02
阅读次数：
97
