我的手机（LG G2）的视口大小为360px 598像素。 Col-xs的目标是小于768px的设备，这意味着用户处于纵向或横向模式时，他将获得相同的结果，即使在横向模式下，由于其较大的宽度，我可以显示更多元素。这就是为什么我想知道为什么最小的媒体查询是768px的bootstrap，它没有考虑到手机的纵向/横向视图。
感谢您的任何澄清。
答案 0 :(得分：0)
虽然LG G2“可以”在风景中显示更多信息，但这不是网页设计的目的。
Bootstrap（以及其他人）确实选择了这些断点来创建广泛的屏幕尺寸/设备组。 他们决定使用纵向（768px）的iPad宽度作为典型手机和平板电脑之间的断点，这对于要做的工作量非常有意义。响应式网页设计就是创建这些设备组，而不必为设备类型的代码编写数百个版本，并且仍然能够为大多数设备创建优化视图。
当然你仍然可以使用自定义版本，但是你创建的视口组越多，就需要调整和测试的次数越多（很快就会回到使用嗅探时间）