使用媒体查询与Twitter Bootstrap

Question

对于上下文，我有兴趣开发响应式网站或Web应用程序。

问题：

1. Twitter Bootstrap是编写我自己的媒体查询的可行替代方案（例如，我是否会遇到Twitter Bootstrap的限制，我会通过编写自己的代码来避免这种限制）？
2. 这两种选择的学习曲线是否更大？
3. 媒体查询中通常会找到哪些断点？

Answer 1

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

首先是从Bootstrap开始，通过阅读文档和CSS文件来了解它是如何工作的。在那里可以找到大量有媒体查询的例子。 Bootstrap真的是开发人员友好的，它的学习曲线并不苛刻。几个小时就足以开始构建你的第一个RWD了。

第二个选项是从划痕中编写您自己的媒体查询，绝对比使用现成的样式表需要更多时间。您还必须使用您想要支持的所有浏览器来测试它们。主要优点是您可以创建您需要的产品。 Bootstrap为您提供了许多您不需要的CSS规则。另一方面，有很多有用的。

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

RWD中最常见的解决方案是：

• 240x320
• 320x480
• 600x800
• 768×1024