javascript - Chrome 带来整数值 $('.abc' ).css ("top");

Question

以下 javascript 代码为同一页面元素返回 Chrome 和 Firefox 的两个不同值。

$('.abc').css("top");

Chrome 返回:114px
而 Firefox 返回 114.1230px

我已经在同一个页面上尝试过多次，Chrome 始终 chop 小数点和后面的数字。

关于我如何在 Chrome 中获得全部值(value)的任何建议？

Answer 1

Firefox 在这种情况下有点特别……它支持小数像素。这意味着如果您在 f.e. 上设置高度或宽度。图像，它将调整图片的大小，并且此计算将包含(很可能)小数像素。这与 div 相同，它被计算并在 firefox 中使用小数。

据我所知，firefox 是唯一支持小数的主流浏览器...

如果您需要全像素，如果您有字符串，请尝试使用正则表达式或其他方法删除小数点，如果您有数字，请尝试使用 floor()。