javascript - 尝试以 vh/vw 而不是像素获取 div 尺寸

标签 javascript css reactjs

我正在尝试在我的应用程序中添加可调整大小的 div。为此,我必须保留用户在我的数据库中指定的更改。

我的问题是如何将提供给我的单位从 px 更改为其他单位?当我这样做时:

console.log(event.target.style.width)

它以 px 为单位显示宽度。有没有什么办法可以让它进入,比如说,%vh/vw

最佳答案

怎么样:

event.target.style.width / document.documentElement.clientWidth * 100

将宽度(以像素为单位)除以总视口(viewport)宽度,然后乘以 100 得到百分比。

关于javascript - 尝试以 vh/vw 而不是像素获取 div 尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43704107/

相关文章:

javascript - React Slick slider map 不显示幻灯片?

reactjs - 无法读取未定义的属性 'width' (style.width)

javascript - 弹跳箭头 css - 不起作用?

javascript - 即时重新填充 HTML 表格

html - 为什么 CSS 省略号在表格单元格中不起作用?

css - Unicode 字符特定的 CSS - 一个想法

javascript - React select 不能覆盖 react modal

javascript - jQuery 获取先前的元素,直到包含 id 包含的元素

javascript - 将参数传递给 AngularJS $timeout

css - 将 AngularJS 变量绑定(bind)到 CSS 语法中