在具体化 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);
}
}