响应式网页设计正在迅速追赶。我知道 twitter Bootstrap 是目前最好的框架作品之一。但我只是想知道其他选择是什么。我看过几个响应式网站，我不确定它们是否是使用 twitter 引导带构建的。我说的网站是smashing magazine 和css tricks。有谁知道他们是如何响应的，他们使用 twitter bootstrap 还是任何其他框架？
【问题讨论】：
标签： html css responsive-design media-queries
其实响应式网页设计包含三个要素：Fluid Grid、Flexible Images和Media Queries。如果您有兴趣学习如何使用 RWD 技术构建网络，我建议您阅读 Ethan Marcotte 的 Responsive Web Design 书。
【讨论】：
它们都使用自己的自定义 CSS 代码。对于一个有如此大量的自定义设计的网站，基于 Bootstrap 并没有多大意义。
话虽如此，如果您不介意在完全定义的代码之上构建，Bootstrap 是一个很棒的框架。
对于响应式设计，@media 查询是您唯一需要的。 Bootstrap 只是一个非常明确的框架，它也使用@media 查询。
【讨论】：
答案有点晚了，但现在有很多响应式前端框架： 例如Twitter Bootstrap 或Foundation（我都是两者的粉丝）。
它们的优势在于高度定制化、流畅的网格组件、媒体查询和许多其他特性/功能。灵活性很重要。
当然，这些只是起点，您可以根据需要对它们进行自定义。社区不断产生新的想法，例如bootstrapcdn.com，提供快速加载的引导文件以供使用...
要考虑的最重要因素之一是您的响应式网站可以支持多少个屏幕？ 3? 4？ 5? （PC、平板电脑、智能手机、电视等）以及您的网站如何降级以支持不同的屏幕尺寸。
【讨论】：