edge浏览器打开html文件路径被拆分,Edge浏览器显示网页排版错位

首先这是一篇水文。作为微软的壳，谷歌的心，Edge浏览器正逐步替换微软亲生儿子IE，越来越多的人把Edge当做Chrome的备用浏览器来使用了。那天为了测试某个兼容问题，刻意下载了下Edge来尝试一下。总体来说，这款浏览器还是很好用的。所以就没删除，一直留在了系统里。再后来闲着么事开了下我的博客，偶买噶，这排版怎么成了这逼样。看个图来体会一下。排版错位，字体咋还这么大，这怎么能忍，必须不能忍。

首先肯定不会是自己代码太烂造成了，毕竟Chrome和国产扛把子上都显示正常，甚至古董IE多数也正常(IE6负分滚粗)。群里截个图发了下，两个大佬火速截图给我他们的Edge显示正常。这泥煤的肯定是我自己的设置问题了。

找到相关设置

右上角三点君，很容易找到设置，一眼看过去，外观设置里面，有个字体大小设置，默认是中(推荐)，改成小，发现不行，改成非常小，也不行，并且无论小还是非常小，页面上的字体都没有变化，这就奇怪了。发现下面还有一个自定义字体，点开后可以设置标准字体，等宽字体等，上面有一个最小字体设置，拖动滑块，我的默认的是16px，改成12px，因为我博客最小字体设置的最小是12px的字体，当拖动滑块到位后，看了下我的博客一切正常了

原因分析

Edge内置了一套字体大小显示的规格，这是一个全局设置，如果设置了最小显示16px的字，那么即便网站定义了更小的字体也会被16px的字体替换，所以为了显示大多数的网页效果，还是将最小字体调到12px为好，甚至可以调到9px，因为很多站上的极小字体只有9px。当然现在新设计的站，都为了兼顾大屏和移动端，字号基本已经默认到了16px。这也为前端设计提供了一个参考指标。