首先这是一篇水文。作为微软的壳,谷歌的心,Edge浏览器正逐步替换微软亲生儿子IE,越来越多的人把Edge当做Chrome的备用浏览器来使用了。那天为了测试某个兼容问题,刻意下载了下Edge来尝试一下。总体来说,这款浏览器还是很好用的。所以就没删除,一直留在了系统里。再后来闲着么事开了下我的博客,偶买噶,这排版怎么成了这逼样。看个图来体会一下。排版错位,字体咋还这么大,这怎么能忍,必须不能忍。
首先肯定不会是自己代码太烂造成了,毕竟Chrome和国产扛把子上都显示正常,甚至古董IE多数也正常(IE6负分滚粗)。群里截个图发了下,两个大佬火速截图给我他们的Edge显示正常。这泥煤的肯定是我自己的设置问题了。
找到相关设置
右上角三点君,很容易找到设置,一眼看过去,外观设置里面,有个字体大小设置,默认是中(推荐),改成小,发现不行,改成非常小,也不行,并且无论小还是非常小,页面上的字体都没有变化,这就奇怪了。发现下面还有一个自定义字体,点开后可以设置标准字体,等宽字体等,上面有一个最小字体设置,拖动滑块,我的默认的是16px,改成12px,因为我博客最小字体设置的最小是12px的字体,当拖动滑块到位后,看了下我的博客一切正常了
原因分析
Edge内置了一套字体大小显示的规格,这是一个全局设置,如果设置了最小显示16px的字,那么即便网站定义了更小的字体也会被16px的字体替换,所以为了显示大多数的网页效果,还是将最小字体调到12px为好,甚至可以调到9px,因为很多站上的极小字体只有9px。当然现在新设计的站,都为了兼顾大屏和移动端,字号基本已经默认到了16px。这也为前端设计提供了一个参考指标。
如果觉得《edge浏览器打开html文件路径被拆分 Edge浏览器显示网页排版错位》对你有帮助,请点赞、收藏,并留下你的观点哦!