twitter-bootstrap - 使用媒体查询与 Twitter Bootstrap

Question

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

问题:

1. Twitter Bootstrap 是否是我自己编写媒体查询的可行替代方案(例如，我是否会遇到 Twitter Bootstrap 的限制，而我可以通过编写自己的代码来避免这些限制)？
2. 这两个选项的学习曲线是否都大得多？
3. 媒体查询中通常会发现哪些断点？

Answer 1

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

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

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

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

RWD 中最常见的分辨率是:

• 240x320
• 320x480
• 600x800
• 768x1024