前端开发中1px像素问题。

Question

题目描述

联想T480，14英寸分辨率：1366x768，在前端开发中，经常会出现1px的误差。仅仅在这台电脑上有。但是也有解决的办法，但不是根除。
可以清晰的看到，下面和右边有1px的空隙。但是我把代码放到mac本，或者是同事的15.4寸笔记本上，不会有1px的误差，显示是完整的。
我电脑调整了125%的缩放，有时候，浏览器的缩放调整到125%就可以解决，但是有时候不能解决。
一直搞不明白这是为什么，或者是有什么解决的办法？

100%缩放有空隙（right，bottom）

250%缩放没空隙

电脑屏幕缩放

题目来源及自己的思路

相关代码

.box {
    float: left;
    width: 100px;
    height: 100px;
    background-color: red;
}

.wrapper {
    position: absolute;
    border: 1px solid red;
}


<div class="wrapper">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

你期待的结果是什么？实际看到的错误信息又是什么？

我期待的结果是讲原理，详细一点。。