响应式网页设计:从哪里开始(css模块)[关闭]

Posted

技术标签:

【中文标题】响应式网页设计:从哪里开始(css模块)[关闭]【英文标题】:responsive web design: where to start (css modules) [closed] 【发布时间】:2014-10-01 04:10:36 【问题描述】:

最近我读了很多关于 RWD(响应式网页设计)的文章,并想尝试开发一个模板(对于初学者)。我正在阅读的书籍已经过时(于 2011 年底出版),因此对于 css3 flex box 模块的情况,显然提供的一些代码无法正常工作。经过一段时间的研究,我发现 Mozzila 的开发人员很快就会更改 Flex Box 模块。

我的问题是:对于 RWD,什么是最节省时间和性能的 CSS3 模块?以及我应该注意的任何提示?

除了 CSS3PIE 之外,还有什么好的解决方案可以为过时的浏览器添加 css3 功能吗?

【问题讨论】:

你听说过引导程序吗? getbootstrap.com? 推荐阅读关于如何提出好问题的常见问题解答。问如何做RWD太宽泛了。要为旧浏览器添加 css3 垫片,请参阅 Modernizr 【参考方案1】:

冒着听起来刻薄的风险,不应使用 SO 来征求意见。 但是,本着学习和分享知识的精神,不妨看看Twitter Bootstrap 或Zurb Foundation.

这两个都是非常棒的框架,可以帮助您创建响应式网站。尽管它们做的事情几乎相同,但它们实际上是两个非常不同的框架。我会让你决定使用哪一个。

我发现的另一个重要资源是查看 RWD 模式。 html5 Rocks 和 Brad Frost's Blog 都对我有帮助。

祝你好运。

【讨论】:

以上是关于响应式网页设计:从哪里开始(css模块)[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

响应式网页设计Bootstrap开发速成 从入门到精通学习总结入门教程

CSS 样式表HTML5响应式网页设计视频教程

web前端干货,Html5+Css3响应式网页设计视频教程,只出精品(775期)

增加 960px CSS 网格的宽度

电子书:响应式Web设计:HTML5和CSS3实战

如何使用更新的HTML和CSS函数创建响应式设计