问基础5行宽

EN

我认为这些媒体查询用于构建可见性类(hidden-for-xlarge-only、visible-for-xxlarge-up等)。也许有人会在某一时刻使用100rem的行，并需要这些类，但我必须同意这看起来像是边缘情况。

默认情况下，在Foundation 5上禁用xlarge和xxlarge媒体查询。要启用它们，您必须覆盖配置设置中的变量$include-xl-html-grid-classes: true;。

我已经用下面的值覆盖了默认配置，它对我来说很好用：

...
$include-xl-html-grid-classes: true;

// Media Query Ranges
$small-range: (0px, 428px);
$medium-range: (429px, 591px);
$large-range: (592px, 784px);
$xlarge-range: (785px, 980px);
$xxlarge-range: (981px, 99999999px);
...

干杯!

现在，这些媒体查询已经在foundation 5中进行了更改。

// XLarge屏幕@纯媒体屏幕和(最小宽度: 90.063em) {} /*最小宽度1441px，X大屏幕*/

@仅媒体屏幕和(最小宽度: 90.063em)和(最大宽度: 120em) {} /*最小宽度1441px和最大宽度1920px，在QAing X仅显示大屏幕问题时使用*/

// XXLarge屏幕@纯媒体屏幕和(最小宽度: 120.063em) {} /*最小宽度1921px，min大屏幕*/

请查看官方网站http://foundation.zurb.com/docs/media-queries.html

谢谢，拉金