javascript - 当定义为百分比时，如何获得 div 的物理大小？

Question

我正在寻找一种方法来收集 <div> 的物理尺寸以像素为单位，当 <div>的高度和宽度属性最初定义为百分比。

将 的大小保持为百分比非常重要，因为我需要找到一种方法在代码隐藏 (ASP.NET) 或 javascript 中获取像素大小。

提前致谢

亚当

Answer 1

这是使用 JavaScript 实现的方法。

jsFiddle

var div = document.getElementById('div-id');
alert(div.offsetWidth);
alert(div.offsetHeight);

当页面调整大小时，通过处理 onresize 来捕获它。

jsFiddle

window.onresize = function () {
    var div = document.getElementById('div-id');
    alert(div.offsetWidth);
    alert(div.offsetHeight);
}