Question

我想知道如果行宽仅为62.5rem，在Foundation 5中对XLarge和XXLarge设备进行媒体查询的目的是什么，任何人都可以明显改变这个大小，但是如果在大屏幕中将其作为默认设置的目的是什么呢？会看起来很小吗？

Answer 1

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

Answer 2

在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);
...

干杯！

Answer 3

现在这些媒体查询已在基础5中更改。

// XLarge屏幕 @media only screen and（min-width：90.063em）{} / * min-width 1441px，xlarge screens * /

@media only screen and（min-width：90.063em）and（max-width：120em）{} / * min-width 1441px and max-width 1920px，当QAing xlarge screen-only issue * /

// XXLarge屏幕 @media only screen and（min-width：120.063em）{} / * min-width 1921px，xxlarge screens * /

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

谢谢，莱金

基础5行宽

3 个答案: