Javascript 如何将div的像素尺寸和像素位置转换为百分比?

Javascript 如何将div的像素尺寸和像素位置转换为百分比?,javascript,jquery,Javascript,Jquery,我有一个固定的像素定位div元素,我想把它的大小和位置转换成相对百分比。您将如何做到这一点?您想使用parentNode访问父节点,比较它们的大小,然后瞧 var foo = document.getElementById('foo'); var bar = document.getElementById('foo').parentNode; console.log('Width: ' + (foo.offsetWidth / bar.offsetWidth) + '%') 百分比与容器的大小

我有一个固定的像素定位div元素,我想把它的大小和位置转换成相对百分比。您将如何做到这一点?

您想使用parentNode访问父节点,比较它们的大小,然后瞧

var foo = document.getElementById('foo');
var bar = document.getElementById('foo').parentNode;
console.log('Width: ' + (foo.offsetWidth / bar.offsetWidth) + '%')

百分比与容器的大小有关。在不知道容器大小的情况下,这是不可能的。相对于视图区域,我猜是窗口/文档宽度/高度。好的,然后获取视口大小,你就可以进行计算了。我正在搜索;)说真的,我希望有人能给我指出一个javascript库,它能为我做所有这些胡言乱语。