使用媒体查询与 Twitter Bootstrap答案

【问题标题】：Using Media Queries vs Twitter Bootstrap使用媒体查询与 Twitter Bootstrap
【发布时间】：2015-04-13 04:49:25
【问题描述】：

就上下文而言，我有兴趣开发响应式网站或网络应用程序。

问题：

Twitter Bootstrap 是否是编写我自己的媒体查询的可行替代方案（例如，我是否会遇到通过编写自己的代码可以避免的 Twitter Bootstrap 限制）？
任一选项的学习曲线是否都更大？
媒体查询中通常会找到哪些断点？

【问题讨论】：

【解决方案1】：

Bootstrap 的响应式设计也基于媒体查询。在您的情况下，您有两个选择。

第一个是从 Bootstrap 开始，并通过阅读文档和 CSS 文件来了解它的工作原理。可以在其中找到大量有关媒体查询的示例。 Bootstrap 对开发人员非常友好，它的学习曲线并不苛刻。几个小时就足以开始构建您的第一个 RWD。p>

第二个选项是从头开始编写自己的媒体查询，这肯定比使用现成的样式表花费更多时间。您还必须使用您想要支持的所有浏览器来测试它们。主要优点是您可以准确地创建您需要的内容。 Bootstrap 为您提供了许多您不需要的 CSS 规则。另一方面，有很多有用的。

这完全取决于项目的规模和开发时间。如果您满足特定要求，则必须了解有关媒体查询的知识。在大多数情况下，像 Bootstrap 这样的框架可以解决您的问题，但有时您需要添加一些自定义代码。

RWD 中最常见的分辨率是：

【讨论】：