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

我注意到iPhone6 Plus在橫向模式和Bootstrap3與媒體查詢中的一個奇怪的問題。基本上，在橫向模式下，iPhone6 plus上的空間幾乎足以讓它在縱向模式下像平板電腦iPad一樣。如何使Bootstrap3使iPhone6 Plus橫向模式更好地工作？

iPhone6 Plus橫向模式的像素寬度爲736px。 iPad肖像模式的像素寬度爲768px。

當試圖用Bootstrap3做網格樣式時，col-sm- *僅適用於750px及以上。因此，您可以捕捉iPad肖像模式並使其與該課程良好配合。但是，它不適用於iPhone6 Plus橫向模式。

如何覆蓋Bootstrap 3，使col-sm- * CSS類適用於736px及以上，固定容器和容器流體寬度和列寬？最終目標是讓iPhone6 Plus橫向模式更像iPad肖像模式。

來源

2016-12-10 Volomike

我試圖通過生成一個[自定義引導模板]來更好地修復這個問題（https://stackoverflow.com/questions/41072323/how-to-make-iphone6-plus-landscape-mode-work-better-with -bootstrap3）與SM在730px，但這並沒有工作，但低於目標媒體查詢仍然是一種方式。 –

除非有人能想出更好的答案，我所要做的就是在橫向模式下爲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- *，也許。

來源

2016-12-10 06:09:16 Volomike

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

回答

相關問題