我想将元素的宽度设置为查看器显示器的原始分辨率的关系。
我理解 CSS“width:100%;”存在,但我对该方法使布局变形的方式不满意,或者对于想要放大/缩小的观众来说可能表现得令人沮丧。
相反,我希望元素仅在 zoom=100% 时表现得像“width:100%”。这可能吗(使用 CSS 或 Javascript)?
最佳答案
vw 和 vh 是您需要使用的单位。视口(viewport)(用户的监视器)是使用 vw 和 vh 测量的。 (分别为视口(viewport)宽度和视口(viewport)高度。)
1vw = 视口(viewport)宽度的 1%
vh 的行为相同。 100vh 与视口(viewport)高度的 100% 相同。
100vw 和 100vh 与完整的显示器宽度和高度相同。
关于javascript - 将元素的宽度设置为等于监视器大小而不改变缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35273529/