1、在HTML头部增加viewport标签。 在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下: 这段代码支持Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。2、在CSS文件尾部...
分类:
Web程序 时间:
2014-08-26 11:04:25
阅读次数:
216
一.允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal...
分类:
移动开发 时间:
2014-08-24 15:19:42
阅读次数:
236
栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面.....
分类:
其他好文 时间:
2014-08-24 12:52:52
阅读次数:
159
viewport布局常用属性 new Ext.Viewport({ layout: "border", renderTo: Ext.getBody(), defaults: { ...
分类:
Web程序 时间:
2014-08-15 01:24:06
阅读次数:
302
“自适应网页设计”到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 1. 2. 复制代码 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-...
分类:
Web程序 时间:
2014-08-14 23:25:06
阅读次数:
276
3. jquery自定义添加标签
jquery实现的,会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发。
源码下载/ 在线演示
4. jquery标签云无规则样式
能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏览器。
源码下载/ 在线演示
5. jQuery metro风格的...
分类:
Web程序 时间:
2014-08-13 19:02:57
阅读次数:
289
width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-scale: 初始的缩放比例 (范围从>0到 10 ) minimum-scale:...
分类:
其他好文 时间:
2014-08-12 13:14:34
阅读次数:
289
设备像素,就是我们直觉上觉得"靠谱"的像素,这些像素为所使用的各种设备提供了正规的分辨率,并且其值可以通过(通常情况下)从screen.width/height属性中读出;css像素,就是css自定义的像素,需要注意的是css像素与设备像素不是一回事;如何获取屏幕的尺寸:可以通过使用screen.w...
分类:
移动开发 时间:
2014-08-09 15:32:08
阅读次数:
1698
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。height:和 width 相对应,指定高度。initial-scale:初始缩放比例,也即是当页面第一次 load...
分类:
其他好文 时间:
2014-08-08 15:48:36
阅读次数:
302
父对象重新定义自己继承自QObject的函数bool eventFilter(QObject* watched, QEvent* event)。
子控件安装父对象的eventFilter:
例如,
QTableView * itsView = new QTableView;
itsView->viewport()->installEventFilter(this);...
分类:
其他好文 时间:
2014-08-07 15:55:40
阅读次数:
224