浏览器缩放，盒子模型计算问题。

场景： 假如box的border是1px,hover时border为3px，为了没有跳动的问题，会通过padding的变化保持盒子模型的宽高不变。当时当浏览器缩放后，还会出现闪动的问题。

原因：

1、浏览器缩放时，盒子模型，padding和margin不会跟着同比例缩放。

2、每个浏览器对小数点的处理方式都不一样。

主要有三种：处理成整数、保留4位小数或保留15位小数。 现代浏览器基本支持保留小数位的处理。由于显示器是由像素单元组成的，对于小于1像素的部分，是无法像像素级那样精确地处理的，而是采用亚像素渲染的方式进行处理。

解决办法：

1.用boxshadow替换border的实现。缺点，border的边框会有些模糊，圆角有问题。

2.多套用一层box，让hover时的border也是1， 通过padding添补缺失的2px边。