我正在使用 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 。那么我该怎么做呢?
我之前在网络应用程序中使用过它,但我没有让它与 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/ http://abouthalf.com/development/orientation-media-query-challenges-in-android-browsers/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)