在 calc (css) 中使用 screen.width

Question

是否有使用 screen.width 里面 calc ？像这样的东西：

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

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

原文由 Sefean 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

100vw = 100% 的视口宽度

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

原文由 Ehsan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 jberglund 发布，翻译遵循 CC BY-SA 3.0 许可协议