css样式设置的是整数,为什么谷歌浏览器显示的是浮点数

css样式设置的是整数,为什么谷歌浏览器显示的是浮点数 ,求解惑

css样式里的所有设置的整数都会在浏览器显示出浮点数,利用offset().top获取文档的距离也是浮点数, 浏览器缩放比是百分百

img

img

这是因为浏览器会将css样式中的整数转换为浮点数来进行渲染,以提高渲染效率和精度。

1.可能是你的浏览器比例不对;缩放成80%,甚至更低,或者放大成120%,甚至更高;建议试试ctrl+(+),同时按,或者ctrl+(-),看看是不是浏览器比例非100%造成的问题;
2.可能是你所用的浏览器版本有新的版本,你需要升级到最新,不然就可能出现这种小数的问题;
3.你所用的浏览器版本不对,你在64位的电脑装了32位的浏览器,从而导致设置整数却变成了小数的问题;希望以上答案可以解决你的问题.

浏览器会做一些微调,所以将整数转换为浮点数便于进行定位

上面的回答是一种可能,
还有一种可能就是:你电脑显示设置,设置的缩放比影响的,设置为推荐的100%就会消失了,设置方式,如最底下图片所示
(PS:我之前写组件遇到过这种bug)
不过都不碍事,不用刻意去修改缩放比,在获取的时候,进行向上取整就好

img