1、媒体查询，包含将帮助您快速开始自己的多屏幕网站开发的示例。2、前5项功能（width、height、device-width、device-height和orientation）是最有用的。3、为移动电话、平板电脑和桌面计算机提供不同的式样4、添加带有这些设置的视口标签能够确保智能手机和平板电脑...
分类：
其他好文 时间：
2014-11-29 15:55:53
阅读次数：
153
Respond.js主页：?https://github.com/scottjehl/Respond Respond.js是为了解决IE6-IE8不支持响应式设计而编写的一个插件，可以实现css3的媒体查询，官方演示地址：https://rawgit.com/scottjehl/Respond/master...
分类：
Web程序 时间：
2014-11-26 19:22:12
阅读次数：
704
Max Width下面的样式会在可视区域的宽度小于 600px 的时候被应用。12345@mediascreenand (max-width:600px) {.class {background:#ccc;}}如果你想链接到一个单独的样式表，把下面的代码放在标签里。1Min Width下面的样式会在...
分类：
Web程序 时间：
2014-11-26 15:52:25
阅读次数：
185
响应式设计分2种：响应式一：小尺寸，大尺寸设备展示的内容，结构没多大差别，布局差异不大（仅仅只是横竖摆放及个数问题而已）。响应式二：小尺寸设备和大尺寸设备展示的内容结构差别很大，布局差异大，html结构变化大，比如tmall。针对以上2种情况，使用不同的响应式设计响应式一解决方案：1,共用统一套ht...
分类：
Web程序 时间：
2014-11-22 13:18:23
阅读次数：
199
今天用jquery mobile 写了一个例子 但是在手机无论如何都不能显示。都是缩放的。百度了下。知道少加了i一个meta属性1.媒体查询下面列了一部分供大家参考（参考自http://www.w3.org/html/ig/zh/wiki/CSS3媒体查询）：- width 视口宽度- height...
分类：
其他好文 时间：
2014-11-22 10:36:50
阅读次数：
144
使用 jQuery Mobile 和 CSS3 实现响应式设计 创建可以适应每个用户的屏幕分辨率的 Web 页面布局 jQuery Mobile 框架就其本身而言就是一个优秀的解决方案，可以快速创建一个可访问的由 HTML5 标记驱动的移动网站。...
分类：
Web程序 时间：
2014-11-18 09:14:25
阅读次数：
336
一、响应式设计 响应式设计的概念是页面的设计应根据用户的行为（如调整浏览器窗口大小）和设备环境（如屏幕大小、屏幕定向）进行相应的调整。它可以由多方面组成，包括弹性网格和布局、弹性图片、媒体查询等。二、媒体查询 2.1媒体查询的概念 在css2中允许使用media来对特定的媒体应用特定的样式...
分类：
其他好文 时间：
2014-11-16 15:55:54
阅读次数：
278
1：IE9以下支持html5新元素方法:让ie浏览器支持html5新标签的解决方法(使用html5shiv) -----------------------------------------------------------------------------------------------...
分类：
其他好文 时间：
2014-11-13 16:29:01
阅读次数：
180
今天给大家分享一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。效果图如下：在线预览源码下载实现的代码。html代码： Responsive Nav ...
分类：
Web程序 时间：
2014-11-13 10:38:06
阅读次数：
342
什么是Responsive设计？有的同学认为Responsive设计是自适应布局，也有的同学认为Responsive是网格布局。其实这些想法都不正确。Wikipedia对Responsive做了详细的描述，我在这里就简单的说一下。Responsive设计简单的称为RWD，是精心提供各种设备都能阅读网...
分类：
其他好文 时间：
2014-11-10 15:13:54
阅读次数：
415
