使用 css 将 css 属性设置为屏幕宽度

Question

有没有办法将css属性设置为屏幕宽度？

我想要实现的是接近于此的东西：

div{width: screen width; }

或者

.divTest{width: screen width; }

编辑 1：我想使用该类来精确调整具有当前宽度的其他元素的大小，就像我使用 css 选择的那样。

编辑 2：我不相信它可以在没有某种脚本的情况下完成，但我知道什么。

编辑 3：最终想法Alex V 的回答中有一篇关于使用 JavaScript 调整寡妇大小的脚本的帖子。您只需添加您想要的脚本风格。在我的情况下，它会设置一个类属性。但是我相信在某些用途中使用 JavaScript 设置视觉属性可能是不好的做法/不可取的。

Answer 1

尝试width: 100vw;或如上述评论所示，width: 100%;.

如果适用，您可能还想在 HTML 中设置元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

如果<div>不适合 100% 的屏幕宽度，也许您需要重置默认的边距/填充：

*, :before, :after {
    box-sizing: border-box; // habit
    margin: 0;
    padding: 0;
}