100%页面缩放时，左和上出现缝隙
125%页面缩放时，左和上出现缝隙
用了别人的电脑试了，也是会有缝隙，但是出现缝隙时候的页面缩放比例和我的不太一样，我们都是谷歌浏览器，显示器大小都是15.6寸
代码如下
* {
margin: 0;
padding: 0;
}
.father {
margin: 100px auto;
width: 500px;
height: 500px;
border: 10px solid red;
font-size: 0;
}
.son {
width: 100%;
height: 100%;
background: red;
}
<div class="father">
<div class="son"></div>
</div>
