CSS盒子模型浏览器显示不一致问题

问题如下：

设置盒子宽200+10+10=220px，高100+10+10=120px （如下图）

浏览器检查发现：宽为219.2px，高119.2px

很明显，border变成9.6了

解决办法：

1、检查浏览器缩放是否为100%
2、检查电脑显示是否为100%
我是win10系统，默认125%，修改成100%就好了

效果：

ps：改成显示100%，电脑屏幕看着真的不舒服，建议还是用125%，以后遇到这样的问题想到这方面，然后再修改。