在计算中使用 screen.width (css)

Question

有没有在calc中使用screen.width的方法？像这样：

 left: calc(250px + screen.width - 1024px)!important;

这是针对 @media(max-width: 1024px) 不起作用的具体情况。

Answer 1

您可以使用 vw 单位来调整与视口宽度相关的大小，所以试试这个：

left: calc(250px + 100vw - 1024px) !important;

Answer 2

100vw = 视口宽度的 100%

left:calc(250px + 100vw - 1024px)!important;

Answer 3

left: calc(250px + 100vw - 1024px)!important; 这可能行不通我会这样做： calc(100vw - 774px); (1024 - 250 = 774)

vw - 视图宽度

Answer 4

Afaik 没有办法在计算公式中得到 "actual viewport width" :(

Use screen.width inside calc (css)