如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过HTML5和CSS3 Media Queries...
分类：
移动开发 时间：
2014-06-28 08:32:04
阅读次数：
304
1.
响应式Web设计采用灵活的、设备无关的方法来为Web进行设计。响应式Web设计使用了与渐进增强相同的思想。包括三个核心元素：媒介查询、流动布局、自适应图片。响应式站点不是PC站，也不是手机站。2.
优雅降级当你利用所有新的特性时，你要保证那些相对较老的浏览器也能访问你的内容。3. 渐进增强把优...
分类：
Web程序 时间：
2014-05-23 02:58:08
阅读次数：
288
最近在研究响应式web页面设计，入门级media queries ，即媒体查询，媒体查询在css3中引入，作用是允许设定表达式检查媒体环境，用来确定应用不同的样式。
媒体查询应用的两种方式...
分类：
Web程序 时间：
2014-05-20 14:29:54
阅读次数：
342
通过CSS3 Media
Query实现响应式Web设计一、响应式设计（一）响应式设计初识，一个小小的demo，用来理解什么是响应式今天的一个小小的demo，让我重新的认识了什么是响应式网页设计。我之前一直以为主要一个网页在不同的设备上浏览，网页可以自适应设备的屏幕大小，而不发生结构变形。其实我觉得...
分类：
其他好文 时间：
2014-05-19 18:42:24
阅读次数：
313
http://www.csdn.net/article/2014-05-13/2819739-responsive-frameworks-for-web-design对于设计师而言，网站设计中的任意一环节都不容忽视。时下，借助网上的一些资源，只需简单的几个步骤你就可创建出更具吸引力的设计，包括菜单、...
分类：
Web程序 时间：
2014-05-16 22:08:31
阅读次数：
655
1、什么叫响应式网页设计响应式Web设计(Responsive Web
design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS
media query的使用等。无论用户正...
分类：
移动开发 时间：
2014-05-13 18:46:35
阅读次数：
482
paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结
响应式Web设计(Responsive Web design)的理念是： 1
#-----------自适应布局VS响应式布局 2
设计思路Mobile First 2
#---手机and平板分辨率 3
#---------viewport...允许网页宽度自动调整贝儿哪不个网页缩小兰.. 3
#-------...
分类：
Web程序 时间：
2014-05-02 02:36:27
阅读次数：
320
