在calc（css）中使用screen.width

Question

是否有在

screen.width

内使用

calc

？像这样的东西：

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

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

Answer 1

编者注：这个答案使用的是viewport（浏览器窗口）的宽度，而问题是询问screen的宽度。当浏览器窗口未最大化时，它们会有所不同。

100vw = 视口宽度的 100%

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

Answer 2

您可以使用

vw

单位来调整与视口宽度相关的内容的大小，因此请尝试以下操作：

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

Answer 3

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

这可能行不通我会这样做：

calc(100vw - 774px);

（1024 - 250 = 774）

vw

- 视图宽度