Foundation - 有没有办法只显示小型和大型页面？

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>

Foundation - 有没有办法只显示小型和大型页面？

Foundation - is there a way to show page for small and large only?

grid

visibility

zurb-foundation