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

【问题标题】：Foundation - is there a way to show page for small and large only?基金会 - 有没有办法只显示小页面和大页面？
【发布时间】：2015-11-20 17:10:20
【问题描述】：

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

<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>

这显然行不通。

【问题讨论】：

标签： grid zurb-foundation visibility

【解决方案1】：

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

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

【讨论】：