javascript - 如何以 100% 缩放获得 DIV 的大小？

Question

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

编辑:: 我在这里问了另一个类似的问题，但没有得到回答。

Answer 1

你知道原尺寸吗？至少在 IE7+ 中，您可以计算出缩放级别并计算出比例：

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

Answer 2

如果你使用 jQuery，你可以使用$('#div').width()or$('#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 或任何其他库也可以做同样的事情，而且这种方式通常更快、更容易。