html - 仅在 materialize CSS 中为大屏幕显示静态广告空间

Question

第一部分是响应式的，但这里的广告空间不是响应式的。那么如何展示这个广告空间呢？

<div class="row">
 <div class="col s12 m12 l10">
    <!--part one-->
 </div>
 <div class="hide-on-med-and-down showAdPart">
    <!-- 300x600 ad space--> 
 </div>
</div>

Answer 1

将 l12 类用于 100% 或您的宽度并按照喜欢，

 <div class="col s12 m12 l12 partOne">
    <!--part one-->
 </div>
 <div class="hide-on-med-and-down showAdPart">
    <!-- 300x600 ad space--> 
 </div>

CSS : 使用 calc()

@media screen and (min-width: 993px){   /* large screen */
  .partOne.col.l12{
      width: -webkit-calc(100% - 300px);
      width:    -moz-calc(100% - 300px);
      width:         calc(100% - 300px);
 }
}