您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

响应式网页设计基础也是重点:灵活性(8)

in container设定了最大宽度和最小宽度值,这能让网站在那些我没空去定义media query样式的屏幕分辨率下保持适于阅读的样式。

  header,footer,.wrap{ … min-width:940px; max-width:940px; }

  Media Queries资源

  到了介绍media queries的时候了,比起写关于Script Junkie文章的那个时候,我现在感觉自如多了,这多亏了很多(对我来说)新的工具和资源:

  ·想要在不同设备和分辨率下测试media query 效果?你可以看看Screenfly, 这并不完美,但我发现很实用

  ·Zoe Gillenwater (我至今见过的最好的CSS3资源的作者) 最近整合了“Essential Considerations for Crafting Quality Media Queries.”

  ·Respond.js:支持IE6到IE8的CSS3 media query, 通过使用Rock solid, lightweight polyfill增加最大和最小宽度

  端正心态

  对于我来说,将EE播客网站变成灵活式布局的目的是实现响应式网页设计,为我的个人兼职网站加入media queries的目的也是实现响应式网页设计。但是最后,这两个网站呈现的效果都没有完全达到我的目标,但是多亏了这两个经验,我明白了,不可能只通过其中一种方式就实现响应式设计。

  响应式设计不只是流动式的网格布局,也不只是media queries。响应式设计是一种心态,一种工作流,一个不能够(也不应该)被分隔理解的大的概念。特别是当“移动为先的设计”,以及“新设计过程”这些概念随之出现的时候。

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di1367.html
设计有效的“用户行为与反馈效应”循环
Design.Open.Raina—活动页设计心得二三
图趣网微信
建议反馈
×