谷歌浏览器的边框值进行的小数计算

Question

在html中定义一个

<p><p>

添加样式：

p{

    width : 300px;

    height : 50px;

    padding : 10px;

    border : 5px solid red;

    margin : 20px;

}

理论上，内边距是10，border-width为5，外边距为20，但是打开F12，在元素中找到<p>，查看对应的盒子模型图，border-width并不是5，而变成了4.8，这种情况只有在谷歌浏览器中才会出现，更换了浏览器之后仍然是5了，谷歌浏览器造成这种误差的原因是什么呢?

Answer 1

谷歌浏览器因页面缩放会显示小数部分，其它浏览器一般性都是取整。