【问题标题】:Bootstrap or media queries引导或媒体查询
【发布时间】:2015-05-28 04:52:11
【问题描述】:

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

任何其他方式使其响应?请告诉我们。

【问题讨论】:

  • bootstrap 使用媒体查询。
  • 没错,但我的问题仍未得到解答
  • 您在询问是否应该使用引导程序或媒体查询。没有它们,您将无法使用引导程序。如果您不想使用媒体查询,那么您将需要使用 javascript 来检测屏幕大小、特征检测等并相应地添加类,以便您可以使用后代选择器来控制布局。选择 boostrap 会为您完成所有初始设置,如果您想从头开始使用媒体查询,那么您将花费更长的时间来完成设置。
  • 您可以学习流畅的设计和明智地使用最大宽度,并将媒体查询控制在最低限度。

标签: twitter-bootstrap responsive-design media-queries


【解决方案1】:

我认为更合适的问题是“我应该将 Bootstrap 与它附带的所有内容(包括媒体查询)一起使用,还是只编写我自己的媒体查询?”

Bootstrap 是一个响应式框架,这意味着它带有媒体查询,就像您要编写自己的一样(如@media (min-width: 50em){...})。如果您想要更好地控制您的网站并且不想弄乱 Bootstrap 附带的所有样式和组件,那么您可以自己从头开始。否则,使用 Bootstrap 不是“是否使用媒体查询”的问题。这是“使用框架还是单独行动”的问题。

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

【讨论】:

    猜你喜欢
    • 2021-08-11
    • 2018-05-12
    • 2014-05-20
    • 2018-06-17
    • 1970-01-01
    • 2017-06-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多