|  RSS订阅  |  加入收藏

Edge浏览器显示网页排版错位

Edge打开某些网页显示字体太大,排版错位的等问题的解决办法
摘要

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

QQ图片20200226194952.png

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


找到相关设置

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

QQ图片20200226195035.png

QQ图片20200226195113.png

原因分析

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


如文章有用,给个赞助吧
  字体    浏览器    
转载请注明出处,未经许可禁止商用!
发表评论
*依据《网络安全法》规定,您需实名认证后才能评论!

西枫里人
@萧瑟:我最近才用上,落伍~

西枫里人
@笛声:我觉得用下来还行,可以代替Chrome了

萧瑟
Edge也还行,一直用的是beta版,几个不同版本感觉都差不多。

笛声
我也试试这个浏览器