如何在定義爲百分比時獲取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); 
} 

Answer 2

你可以利用jQuery的 '調整大小' 事件和寬度（）/身高（）的方法，例如：

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

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