sass (or css), 添加 %width 作为高度样式的一部分

sass (or css), add %width as part of height style

我在这里遇到了一个奇怪的场景,我在我正在构建的应用程序中设置了一个网格系统(使用 sass 作为我的样式),它的间距由 % 屏幕宽度设置。我遇到的问题是高度是硬编码的,我想知道我是否可以对它们进行硬编码并添加 % gutter (screen width %)

所以我想做的事情的逻辑是这样的:

.item
    height: 600 + (1% width);

在 sass(或 css)中可以实现这样的功能吗?

您可以使用 view Port units and calc() 这样做。这很简单 css。

.item {
    height: calc(600px + 1vw)
}

这是一个演示:http://jsfiddle.net/9kq3wb5q/