Twitter bootstrap 引导或媒体查询

一段时间以来，我一直在思考一个问题。 如果需要构建一个应用程序，比如说一个网站或任何东西，以使其具有响应性，您会选择引导或媒体查询吗？为什么你会选择一个而不是另一个

---

有没有其他方法让它更具响应性？一定要让我们知道。

我想一个更合适的问题是“我是应该在它附带的所有东西（包括媒体查询）中使用Bootstrap，还是只编写我自己的媒体查询？”

Bootstrap是一个响应性很强的框架，这意味着它附带了媒体查询，就像您要编写自己的一样（比如

@media（最小宽度：50em）{…}

）。如果你想对你的站点有更多的控制，又不想弄乱Bootstrap附带的所有样式和组件，那就自己动手吧。否则，使用引导不是“是否使用媒体查询”的问题。这是一个“使用框架或单独使用”的问题

---

可能是一个无耻的插件，但您可以检查我编写的框架。这就像Bootstrap，它带有一个响应网格、媒体查询和一些JavaScript组件，但没有“视觉”样式，因此您可以根据自己的喜好自定义和构建站点。

Bootstrap使用媒体查询。这是正确的，但我的问题仍然没有回答您是否应该使用Bootstrap或媒体查询。没有它们，您无法使用引导。如果不想使用媒体查询，则需要使用javascript来检测屏幕大小、功能检测等，并相应地添加类，以便可以使用后代选择器来控制布局。选择boostrap将为您完成所有初始设置，如果您想从头开始使用媒体查询，则需要更长的时间才能完成设置。您可以学习流体设计和明智地使用最大宽度，并将媒体查询保持在最小值。