基金会 - 有没有办法只显示小型和大型页面？

Question

我想显示小屏幕和大屏幕的特定页面，例如：中等屏幕的不同页面：

<div class="show-for-small-only">
    loading main page
 </div>
<div class="show-for-large-only">
    loading main page
</div>
<div class="show-for-medium-only">  
    specific medium page here
</div>

ZURB基金会有替代方案吗？没有加载同一页两次？喜欢这个

<div class="show-for-small-only show-for-large-only"></div>

显然不起作用。

Answer 1

是的，这很简单。只需隐藏中型屏幕的主页面，中型屏幕的特定页面仅显示如下的中型屏幕：

<div class="hide-for-medium-only">
    loading main page
 </div>
<div class="show-for-medium-only">  
    specific medium page here
</div>