将元素的宽度设置为等于监视器大小而不随缩放而变化

Question

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

我理解CSS＆＃34;宽度：100％;＆＃34;存在，但我对方法变形布局的方式不满意，或者对于想要放大/缩小的观众可能会以令人沮丧的方式表现。

相反，我希望能够使元素表现得像＆＃34;宽度：100％＆＃34;仅在缩放= 100％时。这可能（使用CSS或Javascript）吗？

Answer 1

vw和vh是您需要使用的单位。 viewport（用户的监视器）使用vw和vh测量。 （视口宽度和视口高度分别。）

1vw =视口宽度的1％

vh表现相同。 100vh与视口高度的100％相同。

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