Framework7网格布局包括桌面视图

Question

我知道framework7是专为手机和平板电脑设计的，但有没有办法包含或以某种方式调整css以使其兼容桌面？我的情况是我有两个div元素，我想在桌面上并排查看

  <div class="row">
      <div class="col-50">panel-1</div>
      <div class="col-50">panel-2</div>
    </div>  

但在平板电脑/手机视图中，我希望它同时将其视为100％

 <div class="row">
      <div class="tablet-100">panel-1</div>
      <div class="tablet-100">panel-2</div>
    </div> 

我在下面尝试过，但文档说平板电脑类的窗口宽度> = 768px，所以即使在桌面视图上宽度也是100％。

<div class="row">
      <div class="col-50 tablet-100">panel-1</div>
      <div class="col-50 tablet-100">panel-2</div>
    </div> 

我正在考虑添加一个像desktop-XX这样的自定义css，但是如何添加它并覆盖当前的网格系统呢？任何建议都会提前感谢！

Answer 1

@media (min-width:768px){
.col-50{
width:50%;
}
}

这应该有效