将元素的宽度设置为等于监视器大小，而不会在缩放时发生变化

Set the width of an element equal to monitor size WITHOUT varying on zoom

本文关键字：缩放变化元素设置监视器更新时间：2023-09-26

我想将元素的宽度设置为查看器监视器的原始分辨率的关系。

我知道 CSS "width：100%;" 存在，但我对该方法变形布局的方式不满意，或者对于想要放大/缩小的观众来说可能表现得令人沮丧。

相反，我希望一个元素只能在 zoom=100% 时表现得像"width：100%"。这可能吗（使用CSS或Javascript）？

VW 和 VH

是您需要使用的单位。视口（用户的监视器）使用VW和VH进行测量。（分别为视口宽度和视口高度。

1vw = 视口宽度的 1%

VH 是行为相同的。100vh 等于视口高度的 100%。

100vw 和 100vh 与整个显示器的宽度和高度相同。