大型屏幕的4响应网格布局 < >我使用指南针>代码>创建新的 SASS 项目，用 ZURB基金会4 框架。我的screen.scss文件如下所示： // Reset and normalization settings @import "normalize"; // Global Foundation Settings @import "settings"; // Comment out this import if you are customizing you imports below @import "foundation";

默认设置包含以下行：

$row-width: 62.5em;

这意味着对于至少768px的屏幕，我们的网格行必须为1000px（62.5em）

---

添加一个以上的媒体条件的正确方法是什么，对于至少1280px的屏幕，

$row width

变量将增加到75em（1200px）？

在app.scs中为.row创建断点，如下所示：

.row{
    @media #{$medium} {
        max-width: 75em;
    }
}

Foundation在_visibility.scss中有用于媒体查询的屏幕大小变量，例如$medium转换为“仅屏幕和（最小宽度：80em）”。 我自己还没试过，但应该可以用。 另外，看看这个答案，我只是稍微修改了一下：

---

您可以在_visibility.scss中找到不同屏幕大小的其他变量：

我也有同样的问题，我想我现在会回到引导上来……非常感谢您，Olav！很高兴我能帮忙，这是我关于Stackoverflow的第一个答案：）嘿！！这工作得很好，但是导航（顶栏）继续使用旧规则，我怎么做才能修复它？您好，我正在播放，我添加了您建议的

@media

代码，但使用

.contain将其添加到网格中。顶栏

选择器和顶栏工作正常。