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

标签 javascript html css

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

我理解 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/

相关文章:

javascript - 如何跨函数使用和重用 JS 变量

html - 如何构建 HTML 页面的布局?

jquery - Rails 3 : jquery working to switch view with AJAX, 如何获得链接的焦点状态?

html - 更改文本字段的宽度以显示所有字符

javascript - Google Streetview API Indoor panorama.setPosition() 重定向到起始位置

javascript - 如何在couchDb mango中连接运算符$or & $and?

html - 从下到上显示元素,如 facebook 消息

html - Apache2 cgi 无法在 html 页面中正确解析 css 链接

javascript - Angular js 选择绑定(bind)

javascript - 如何在 Shiny 的某些单元格中创建带有空格的类似矩阵的复选框组?