如何基於屏幕比例而不是像素中的屏幕分辨率來獲得Bootstrap響應能力？

Question

我想在查看端口的高度大於視圖端口的寬度時將兩列堆疊到一列中。據我所知col-xx-xx是基於像素的屏幕分辨率。我已經爲兩個單元嘗試了col-sm-6 col-xs-12，但這不是解決方案。

解決方案是什麼？

Answer 1

我問同樣的問題在這裏書籤交易，https://www.reddit.com/r/webdev/comments/6799m7/how_can_you_have_bootstrap_responsiveness_based/。

基本上，解決方案是合併基於landscape或portrait的視圖。

@media screen and (orientation: portrait){ 
    //css 
} 
@media screen and (orientation: landscape){ 
    //css  
}