我试图获得屏幕的比例
这是我尝试的CSS,但它不起作用
height: calc(50vw - calc(1vw / 1vh)*3);
如何让屏幕宽度除以屏幕高度?
由于
答案 0 :(得分:1)
首先,calc()
不可嵌套。或者,它不能使用您使用的表达式嵌套。你内部不需要另外calc()
。只需放置一对括号,它将首先解析内部操作(只要它是合法的):
height: calc(50vw - ((1vw / 1vh) * 3));
其次,当您在+
中使用-
或calc()
时,双方必须拥有单位(px
,%
,{{1} },em
等...)。但在上面的计算中,左侧有单位(in
),但右侧没有:vw
是比率,因此无单位,因此1vw / 1vh
。因此,当您的某个条款无单位时,您尝试使用3
,这是非法的。它不会解析。
有关详细信息,请参阅calc()上的文档。
在你提出问题之前回答这个问题:不,不可能使用-
(或vw/vh
来确定CSS中的视口宽高比。我真的不知道为什么,我只知道它不起作用。你需要JavaScript。