android – 在bootstrap中纵向和横向的不同网格布局

我正在使用Sencha制作Android应用程序.
我正在使用此布局在手机和平​​板电脑中进行响应式布局

<div class="row">
  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>

  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-4</div>
</div>

现在我还想在从纵向模式切换到横向模式时指定不同的网格布局.例如,在移动屏幕中,我想在纵向模式下使用col-xs-6,在横向模式下使用col-xs-3.那我该怎么做？

解决方法:

我之前使用过这个用于Web应用程序,但我没有使用Cordova / PhoneGap,因此您必须使用Sencha进行测试.

@media screen and (min-aspect-ratio: 13/9){ } // landscape and 
@media screen and (max-aspect-ratio: 13/9){ } // portrait.

不得不挖掘我发现它的位置,但这里是原始来源：http://abouthalf.com/development/orientation-media-query-challenges-in-android-browsers/

标签：html,android,css,twitter-bootstrap,sencha-touch
来源： https://codeday.me/bug/20190722/1506902.html