时间戳

首页 > 解决方案 > 设置 CSS 缩放值后，jQuery.position() 在 Chrome 和 Edge 中返回不同的结果

javascript - 设置 CSS 缩放值后，jQuery.position() 在 Chrome 和 Edge 中返回不同的结果

问题描述

我正在尝试获取元素的顶部/左侧位置：

<span id="test_span" style="float:right;width:100px;height:100px"></span>

console.log('Position Left = ' + $('#test_span').position().left);

边缘：左侧位置 = 100 铬：左侧位置 = 100

但是如果我将缩放值设置为 0.5，两个浏览器的结果是不同的：

body{
    zoom: 0.5;
}

console.log('Position Left = ' + $('#test_span').position().left);

边缘：左侧位置 = 50 //100 *0.5 = 50 铬：左侧位置 = 100

有没有办法在不检测浏览器的情况下获得相同的结果？

标签： javascriptcssgoogle-chromezoomingmicrosoft-edge

解决方案

推荐阅读