提问人：Yehuda 提问时间：11/23/2022 更新时间：11/23/2022 访问量：23
有没有办法找到 div 的大小和宽度的比率
is there a way to find ratio for size and width of div
问：
我有两个 sass 变量用于某个 div 的宽度和高度：
$width: 277.98px;
$height: 156.36px;
我想将其转换为某种比例，以便在调整屏幕尺寸时，高度和宽度始终成比例。我遇到的问题是，当尝试使用视口高度或宽度 （vh/vw） 调整宽度/高度时，我不断收到以下错误：
SassError: 27798px*vh isn't a valid CSS value.
另一个问题是，我真的不明白通过 vh/vw 调整这些尺寸是如何真正起作用的。我正在寻找的是调整 div 宽度和高度的最佳方法，以便在更改屏幕尺寸时它们变大变小，但它们也与它们的原始值保持比例（按比例）
答：
1赞
ksav
11/23/2022
#1
aspect-ratio内置于 CSS 中。
在此示例中，高度为 ，因为它受其父项 的宽度 的约束。.box112.484pxdiv200px
.wrapper {
width: 200px;
}
.box {
aspect-ratio: 277.98 / 156.36;
background: blue;
}<div class="wrapper">
<div class="box">
</div>
</div>评论
0赞
Yehuda
11/23/2022
这符合我的要求。只是想知道是否有办法用字体大小来做到这一点。就像我一直希望描述与 div 相比是 12px 字体一样。
0赞
ksav
11/23/2022
stackoverflow.com/questions/16056591/......
评论