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

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

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

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

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

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

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

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

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

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

特此做个笔记。

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

摘要: Druid连接池一个设置引发的血案 -- 链接池出现问题
摘要: Druid连接池一个设置引发的血案今天在一台配置很低的机器上运行批量更新的程序~~~ 大概跑了三十分钟~~~这配置~~~这程序~~~ 然后华丽丽的报异常了~~~ 具体异常是这样的, DEBU ...
Jmeter 4.0+高分屏参数自动设置脚本
jmeter的高版本已经支持高分屏(4k分辨率)了,但是默认情况下参数是没有启动高分屏支持的.需要自己设置,但是每次设置比较麻烦,因此编写的bat脚本来启动jmeter的高分屏支持.例如名字叫:Jem ...
Druid连接池一个设置引发的血案
参考:http://my.oschina.net/haogrgr/blog/224010 今天在一台配置很低的机器上运行批量更新的程序~~~ 大概跑了三十分钟~~~这配置~~~这程序~~~ 然后华丽丽 ...
druiddatasource java_Druid连接池一个设置引发的血案
今天在一台配置很低的机器上运行批量更新的程序~~~ 大概跑了三十分钟~~~这配置~~~这程序~~~ 然后华丽丽的报异常了~~~ 具体异常是这样的, DEBUG: (BaseJdbcLogger.jav ...
【转】Druid连接池一个设置引发的血案
https://my.oschina.net/haogrgr/blog/224010 今天在一台配置很低的机器上运行批量更新的程序~~~ 大概跑了三十分钟~~~这配置~~~这程序~~~ 然后华丽丽的报 ...
Druid连接池一个设置引发的血案【abandon connection, open stackTrace】
2019独角兽企业重金招聘Python工程师标准>>> 今天在一台配置很低的机器上运行批量更新的程序~~~ 大概跑了三十分钟~~~这配置~~~这程序~~~ 然后华丽丽的报异常了~~~ ...
一个由正则表达式引发的血案
阿里妹导读:周末快到了,今天为大家送上一篇很有意思的小文章,具有提神醒脑之功效.作者是来自阿里巴巴LAZADA产品技术部的申徒童鞋. 血案由来近期我在为Lazada卖家中心做一个自助注册的项目,其中 ...
mysql backlog_一次优化引发的血案
前些天一个Nginx+PHP项目上线后遭遇了性能问题,于是打算练练手,因为代码并不是我亲自写的,所以决定从系统层面入手看看能否做一些粗线条的优化. 首先,我发现服务的Backlog设置过小,可以通过s ...
第三方账号登陆的过程及由此引发的血案
72agency · 2014/03/19 10:40 0x00 前言第三方账号登陆也就是当你没有A网站的注册账号时,你可以使用该与A网站合作的第三方账号登陆A,在大多数情况下你会立即拥有与你第三方 ...

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

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

最新文章

热门文章