如何使用Bootstrap3使iPhone6 Plus横向模式更好地工作？

Question

我注意到在横向模式下iPhone6 Plus和使用媒体查询的Bootstrap3有一个奇怪的问题。基本上，iPhone6和风景模式上的空间足够大，使其在人像模式下就像平板电脑iPad一样。

iPhone6 Plus横向模式的像素宽度为736像素。 iPad纵向模式的像素宽度为768像素。

尝试使用Bootstrap3进行网格样式时，col-sm- *仅适用于750px及以上。因此，您可以捕捉iPad纵向模式并使其与该课程一起使用。但是，它与iPhone6 Plus横向模式不兼容。

如何覆盖Bootstrap 3以使col-sm- * CSS类适用于736px及以上，同时修复容器和容器流体的宽度和列宽？最终目标是允许iPhone6 Plus横向模式更像iPad纵向模式。

Answer 1

除非有人能提出更好的答案，否则我要做的就是在横向模式下为iPhone6 Plus创建媒体查询，并解决问题。

/* iPhone6 Plus Landscape Mode Fixes */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
/* FIXES GO HERE */
}

更理想的答案可能是调整.container，.container-fluid和.col-sm- *。