在css中,通过将宽度除以高度来获得屏幕比例

在css中,通过将宽度除以高度来获得屏幕比例,css,Css,我试图得到屏幕的比例 这是我的CSS,我尝试,但它不工作 height: calc(50vw - calc(1vw / 1vh)*3); 如何获得屏幕宽度除以屏幕高度 谢谢首先,calc不可嵌套。或者,它不能使用您使用的表达式嵌套。你不需要在里面再装一个计算器。只要放上一对括号,它就会首先解析里面的操作,只要合法: height: calc(50vw - ((1vw / 1vh) * 3)); 其次,当你在计算中使用+或-时,两边都必须有单位px,%,em,in,等等。。。。但在上述计算中,

我试图得到屏幕的比例

这是我的CSS,我尝试,但它不工作

height: calc(50vw - calc(1vw / 1vh)*3);
如何获得屏幕宽度除以屏幕高度

谢谢

首先,calc不可嵌套。或者,它不能使用您使用的表达式嵌套。你不需要在里面再装一个计算器。只要放上一对括号,它就会首先解析里面的操作,只要合法:

height: calc(50vw - ((1vw / 1vh) * 3));
其次,当你在计算中使用+或-时,两边都必须有单位px,%,em,in,等等。。。。但在上述计算中,左侧有单位vw,但右侧没有:1vw/1vh是一个比率,因此无单位,因此为3。所以你试图使用-当你的一个术语是无单位的,这是非法的。它不会解析

有关详细信息,请参阅上的文档


在你开始提问之前先回答这个问题:不,在CSS中使用vw/vh或vmin/vmax来确定视口纵横比是不可能的。我真的不知道为什么,我只知道它不起作用。您需要使用JavaScript。

据我所知,您无法使用CSS获取当前的宽度和高度,请使用JavaScript或Jquery