如何在100％变焦时获得D​​IV的尺寸？

Question

如果网页在任何现代浏览器中缩小/缩小，那么我如何在100％缩放下找到DIV元素的大小？

编辑::我在这里问了另一个similar question，这是没有答案的。

Answer 1

你知道原来的尺寸吗？至少在IE7 +中你可以找出缩放级别并找出比例：

zoomLevel = Math.round((self.document.body.parentElement.offsetWidth / self.document.body.offsetWidth) * 100);

Answer 2

如果您使用的是jQuery，则可以使用$('#div').width()或$('#div').outerWidth()方法轻松找到它。其他JS库中有等价物，所以只要询问您是否想知道选择框架中的方法

Answer 3

您可以使用纯JavaScript来获取宽度和高度，如下所示：

// Create an object of the div.
var divElement = document.getElementById('id of div');

// Retrieve the height and width.   
var width = divElement.getAttribute('width');
var height = divElement.getAttribute('height');

使用jQuery或任何其他库可以做同样的事情，这通常更快更容易。