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

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

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