不是吧，谷歌浏览器也有问题？连CSND都没有逃过的厄运？两个元素之间明明没有间距，哪来的迷之白线？高分屏的DPI设置引发的血案

从所周之，谷歌浏览器应该是最靠谱的浏览器之一。但是偶尔会发现一些迷之白线（间距），换一台机器或者手机，就消失了，就没有放在心上。

在写这编文章，发表的时候，发现连CSDN都没有逃过这个厄运，请看下图。

为了找出问题，我写了简单的DEMO。

如下图所示，两个元素没有理论上是没有间距的，但却有一条白线，随着窗口大小，偶尔在绿色标题的左边，偶尔在右边，有时候会消失。

今天刚好闲着，就折腾了一下。百度和谷歌都没有结果，倒是有几个老外发了PEN示例提问，但是底下的回复是，楼主是不是修复了问题，没有看到白线啊！？？

然后我就想着用最简单的代码复现一下这个问题，为了方便一边改一边查看，我把浏览器拖到了副显示器上。神奇的事情发生了，在主显示器上的DEMO，明明还有白线，到了副显示器就消失了。

两个显示器都是1920*1080，唯一不同的是主显示器比较小，系统推荐打开缩放，所以系统设置里面DPI是125%。所以很显然，是系统或者浏览器在处理这个缩放的时候，两个元素边界得到的不是同一个值，就导致它们之间偶发性的间隙。

解决方法：
调整元素大小或者边距，使它们尽可能在同一个值上。

如上图所示，将间距从50改成48，不论如何改变窗口大小，都不会再现白边。

特此做个笔记。