获取屏幕比例在css

时间:2018-02-05 05:07:55

标签: css css3

我试图获得屏幕的比例

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

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

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

由于

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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