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)
}
我在这里遇到了一个奇怪的场景,我在我正在构建的应用程序中设置了一个网格系统(使用 sass 作为我的样式),它的间距由 % 屏幕宽度设置。我遇到的问题是高度是硬编码的,我想知道我是否可以对它们进行硬编码并添加 % gutter (screen width %)
所以我想做的事情的逻辑是这样的:
.item
height: 600 + (1% width);
在 sass(或 css)中可以实现这样的功能吗?
您可以使用 view Port units and calc() 这样做。这很简单 css。
.item {
height: calc(600px + 1vw)
}