我有两个sass变量,分别表示某个div的宽度和高度:
$width: 277.98px;
$height: 156.36px;
我想把它转换成某种比例,这样在调整屏幕大小时,高度和宽度总是成比例的。我遇到的问题是,当我试图使用视口高度或宽度(vh/vw)来调整宽度/高度时,我一直得到如下错误:
SassError: 27798px*vh isn't a valid CSS value.
另一个问题是,我并不真正理解如何通过vh/vw来调整这些尺寸。我正在寻找的是调整div的宽度和高度的最佳方法,这样当改变屏幕尺寸时,它们会变得越来越大,越来越小,但它们也会保持与原始值成比例(比率方面)。
1条答案
按热度按时间fhg3lkii1#
aspect-ratio
被内置到css中。在此示例中,
.box
的高度为112.484px
,因为它受到其父级div
的宽度200px
的约束。第一个