1

我的手机 (LG G2) 的视口大小为 360 像素 598 像素。Col-xs 针对小于 768px 的设备，这意味着无论用户处于纵向还是横向模式，他都会得到相同的结果，即使在横向模式下我可以显示更多元素，因为它的宽度更大。这就是为什么我想知道为什么最小的媒体查询在引导程序中是 768px，这没有考虑到手机的纵向/横向视图。

谢谢你的澄清。

4

1 回答 1

0

尽管 LG G2“可以”横向显示更多信息，但这并不是响应式网页设计的意图。

Bootstrap（以及其他人）确实选择了这些断点来创建广泛的屏幕尺寸/设备组。他们决定使用 iPad 的纵向宽度（768 像素）作为典型手机和平板电脑之间的断点，这对于工作量非常有意义。响应式网页设计就是要创建这些设备组，不必为成千上万的设备类型编写数百个版本，并且仍然能够为大多数设备创建优化的视图。

当然，您仍然可以使用自定义版本，但是您创建的视口组越多，需要进行的调整和测试就越多（很快您就会回到用户代理嗅探时间）

于 2014-03-05T14:01:22.423 回答