使用媒体查询与Twitter Bootstrap

mak*_*asa 3 media-queries responsive-design twitter-bootstrap

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

问题:

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

Dan*_*ski 8

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

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

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

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

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

  • 240×320
  • 小320x480
  • 600X800
  • 768×1024