Zurb foundation 基础支持X(X)大? 我开始玩基金会,我意识到有可能支持更大的屏幕,但我不知道如何启用.< /P>

Zurb foundation 基础支持X(X)大? 我开始玩基金会,我意识到有可能支持更大的屏幕,但我不知道如何启用.< /P>,zurb-foundation,Zurb Foundation,我基本上想做的是能够处理更大的屏幕(高达1920px),并以各种方式使用这些额外的断点,例如,能够指定块网格的多少个元素必须显示在xxlarge、xlarge、large、 我已经检查了设置文件,那里有一些东西似乎表明这是可能的 我首先未加注释: //$row-width: rem-calc(1000); 并将其设置为: $row-width: rem-calc(1920); 有了这个,我看到我的可寻址屏幕更大了,但断点仍然是一样的 我还未对此进行注释: $large-breakpoint:

我基本上想做的是能够处理更大的屏幕(高达1920px),并以各种方式使用这些额外的断点,例如,能够指定块网格的多少个元素必须显示在xxlarge、xlarge、large、

我已经检查了设置文件,那里有一些东西似乎表明这是可能的

我首先未加注释:

//$row-width: rem-calc(1000);
并将其设置为:

$row-width: rem-calc(1920);
有了这个,我看到我的可寻址屏幕更大了,但断点仍然是一样的

我还未对此进行注释:

$large-breakpoint:  em-calc(1440);
$xlarge-breakpoint: em-calc(1920);
……等等。。 (以及d.媒体查询范围部分中的几乎所有内容)

但是,即使启用了所有这些功能,断点仍然不能用于以下简单的事情:

<div class="row">
<div class="xlarge-12 columns">content</div>
</div>

内容
这将显示一个与大12的大小完全相同的div

有什么想法吗

谢谢
劳伦特

$行宽
指内容的最大宽度。基础网格是12列,所以任何具有div>{大小} - 12</CUD>的div将宽100%。这就是为什么large-12和xlarge-12 div的宽度相同

要使内容在大屏幕上变小,在xlarge屏幕上变大,请尝试以下操作:

<div class="row">
    <div class="large-10 xlarge-12 columns">content</div>
</div>

内容
<div class="row">
    <div class="large-10 xlarge-12 columns">content</div>
</div>