css 有没有办法找到div大小和宽度的比率

disho6za  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(104)

我有两个sass变量,分别表示某个div的宽度和高度:

$width: 277.98px;
$height: 156.36px;

我想把它转换成某种比例,这样在调整屏幕大小时,高度和宽度总是成比例的。我遇到的问题是,当我试图使用视口高度或宽度(vh/vw)来调整宽度/高度时,我一直得到如下错误:

SassError: 27798px*vh isn't a valid CSS value.

另一个问题是,我并不真正理解如何通过vh/vw来调整这些尺寸。我正在寻找的是调整div的宽度和高度的最佳方法,这样当改变屏幕尺寸时,它们会变得越来越大,越来越小,但它们也会保持与原始值成比例(比率方面)。

fhg3lkii

fhg3lkii1#

aspect-ratio被内置到css中。
在此示例中,.box的高度为112.484px,因为它受到其父级div的宽度200px的约束。
第一个

相关问题