如何获取100%缩放时DIV的大小?

发布于 2024-08-12 02:42:43 字数 228 浏览 4 评论 0原文

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

编辑::我问了另一个类似问题< /a> 在这里,没有得到答复。

If a web page is zoomed out/in in any modern browser, then how I can find size of a DIV element at 100% zoom?

EDIT:: I asked another similar question here, which was unanswered.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

遮云壑 2024-08-19 02:42:43

你知道原来的尺寸吗?至少在 IE7+ 中你可以计算出缩放级别并计算出比例:

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

Do you know the original size? At least in IE7+ you can figure out zoom level and figure out the proportions:

zoomLevel = Math.round((self.document.body.parentElement.offsetWidth / self.document.body.offsetWidth) * 100);
晨敛清荷 2024-08-19 02:42:43

如果您使用的是 jQuery,则可以使用 $('#div').width()$('#div').outerWidth() 方法很容易找到它。其他 JS 库中也有类似的方法,因此只需询问您是否想了解您选择的框架中的方法

If you're using jQuery, you can use the $('#div').width() or $('#div').outerWidth() method to find it very easily. There are equivalents in other JS libraries, so just ask if you want to know the method in your framework of choice

|煩躁 2024-08-19 02:42:43

您可以使用纯 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 或任何其他库执行相同的操作,并且通常这种方式更快更容易。

You can use pure JavaScript to get the width and height like so:

// 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');

It's possible to do the same thing with jQuery or any other library and it's generally faster and easier that way.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文