获取屏幕比例在css

Question

我试图获得屏幕的比例

这是我尝试的CSS，但它不起作用

height: calc(50vw - calc(1vw / 1vh)*3);

如何让屏幕宽度除以屏幕高度？

由于

Answer 1

首先，calc()不可嵌套。或者，它不能使用您使用的表达式嵌套。你内部不需要另外calc()。只需放置一对括号，它将首先解析内部操作（只要它是合法的）：

height: calc(50vw - ((1vw / 1vh) * 3));

其次，当您在+中使用-或calc()时，双方必须拥有单位（px，%，{{1} }，em等...）。但在上面的计算中，左侧有单位（in），但右侧没有：vw是比率，因此无单位，因此1vw / 1vh。因此，当您的某个条款无单位时，您尝试使用3，这是非法的。它不会解析。

有关详细信息，请参阅calc()上的文档。

在你提出问题之前回答这个问题：不，不可能使用-（或vw/vh来确定CSS中的视口宽高比。我真的不知道为什么，我只知道它不起作用。你需要JavaScript。