包含桌面视图的 Framework7 网格布局

Question

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

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

但在 tablet/phone 视图中，我希望它同时显示为 100%

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

我在下面尝试过，但文档说平板电脑 class 适用于 window 宽度 >= 768px，因此即使在桌面视图中宽度也是 100%。

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

我正在考虑添加自定义 css，如 desktop-XX，但如何添加它并覆盖当前的网格系统？任何建议都将非常感谢提前！

Answer 1

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

这应该有效

Framework7 grid layout to include desktop view