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

【问题标题】：How can I get the physical size of a div, when defined as a percentage?当定义为百分比时，如何获得 div 的物理大小？
【发布时间】：2013-03-16 16:28:53
【问题描述】：

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

的大小必须保持为百分比，因为我需要找到一种方法来在代码后面 (ASP.NET) 或 javascript 中获取像素大小。

提前致谢，

亚当

【问题讨论】：

【解决方案1】：

以下是使用 JavaScript 的方法。

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

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

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

【讨论】：

【解决方案2】：

您可以利用 jQuery 的“调整大小”事件和 width()/height() 方法，例如：

$('#yourElement').resize(function()
{
    var w = $(this).width();
    var h = $(this).height();

    // Do something with the data
    // ...
});

【讨论】：