响应式设计的还有一个重要技术手段是媒体查询。假设仅仅是简单的设计一个流式布局系统，那么能够保证每一个网格按比例的放大和缩小，但有可能会使得在小屏幕下（如手机设备）网格太小而严重影响阅读，这种设计称不上响应式设计。媒体查询能够来解决这一问题。媒体查询能够为特定的浏览器和设备提供特定的样式。媒体查询是C...
分类：
Web程序 时间：
2014-09-29 21:45:41
阅读次数：
195
一年一度的大型开发者活动，2014 北京 DevFest 大会网站正式上线： http://devfest.gdgbeijing.org/ 。
还等什么，开始报名了！今年 DevFest 大会将再次达到 500人规模，分为 Android 和 Web 两大主题和分会场。
Android Wear、Material Design、Polymer 、响应式设计 一个都不能少。
此外，还为喜欢动手...
分类：
其他好文 时间：
2014-09-29 21:13:12
阅读次数：
137
媒体查询媒体查询只支持IE9+、chrome、ff等浏览器，IE8以下的浏览器可以下载引用respond.js，写法： 媒体查询能检测哪些属性 ： 1.width 视口宽度 2.height 视口高度 3.device-width 渲染表面的宽度（对我们来说就是设备屏幕的宽度） 4.devic...
分类：
其他好文 时间：
2014-09-29 14:44:01
阅读次数：
239
其中 max-width 指渲染界面最大宽度，max-device-width 指设备屏幕最大宽度这段代码的意思是 当设备屏幕宽度小于等于480像素并且渲染界面最大宽度小于等于480像素时，引用link.css文件。当设备屏幕宽度大于等于480像素并且小于980像素时，引用link.css文件。当设...
分类：
Web程序 时间：
2014-09-26 19:25:08
阅读次数：
203
2014年响应式设计成为设计主流。今天要给大家带来一款由css3和jquery实现的响应式设计导航。当显示器为pc时，导航为横条。当客户端为移动端时，呈现坚形导航。我们一起看下效果图：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2014-09-23 11:14:04
阅读次数：
316
序 移动端的web网页使用的是响应式设计，但一般我们看到的网站页面都是跳转刷新得到的，比如通过点击一个menu后进入到另一个页面 今天来说下是移动端的单页面的布局。单页面就是一切操作和布局都是在一个页面下进行 不需要页面跳转 ，再通俗的说就是类似于平常的选项卡 但是他又比选项卡要复杂一点 因...
分类：
移动开发 时间：
2014-09-20 17:49:09
阅读次数：
356
网上关于响应式设计的教程好复杂，我写一个简版的。简单说呢就针对不同的屏幕分辨率应用不同的CSS样式。比如在电脑、Pad设备上，屏幕比较宽，就可以一行放2个Div。到了手机上，或者Pad竖着拿的的时候，一行就只放1个Div。这里有2个关键点：一是如何在不修改Dom结构的前提下调整布局。二是如何判断屏幕...
分类：
其他好文 时间：
2014-09-11 18:50:42
阅读次数：
208
转载：http://ued.taobao.org/blog/2013/05/复杂产品的响应式设计【流程篇】/响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里，交互每个阶段该产出什么？交互与视觉如...
分类：
其他好文 时间：
2014-09-09 10:54:48
阅读次数：
279
前段时间，因为项目需要，略微接触了一下响应式设计。在此记录一些经验之谈。 我所理解的响应式设计， 是网站能响应当前屏幕的宽度，呈现相应合适的样式和内容。比如在手机端，手机端屏幕较小，而且用户可能在3g网络下访问。网站在手机端下显示的时候，呈现的内容较之桌面要少一些，所消耗的流量也要少些。通过c...
分类：
其他好文 时间：
2014-09-05 19:52:21
阅读次数：
264
http://blog.csdn.net/sql_wtx/article/details/8823272在做响应设计计划时，要对不同设备的大小有所了解，比如iphone4s是宽480px、长320px; Ipad2是宽1024px、长768px。 下面是翻译一篇文章，对屏幕分辨率做了详细的介绍。本人...
分类：
其他好文 时间：
2014-09-03 16:47:36
阅读次数：
426
