在 calc (css) 中使用 screen.width

【问题标题】：Use screen.width inside calc (css)在 calc (css) 中使用 screen.width
【发布时间】：2018-01-17 09:19:58
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

100vw = 100% 的视口宽度

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

vw - 视图宽度

【讨论】：

【解决方案4】：

Afaik 无法在计算公式中获得“实际视口宽度”:(

【讨论】：