打开一个网页，图片位置全是裂开的小图标，文字挤成一大坨，导航条跑到屏幕外。手机上看是正常的，同事的电脑也正常，只有自己这台不对。这不是网站坏了，是本机的浏览器环境出了问题。

网页样式丢失后文字挤在一起

网页由三部分组成：结构、样式、脚本。样式没加载，页面就退化成纯文字；脚本没跑起来，交互按钮就点不动。表现不同，查的方向也不同，先分清是哪一类。

一、先复位缩放比例

按住 Ctrl 滚动滚轮，页面会缩放，而且每个网站单独记住。不小心滚多了，字就特别大，布局跟着挤。按 Ctrl 加数字零，一键回到百分之百。

系统层面的缩放也会影响：显示设置里缩放比例设成一百二十五或者一百五，某些老网页会按百分之百来排版，结果就是错位。这种情况调回一百再看。

二、样式表没加载

最常见的原因是缓存坏了。按 Ctrl 加 F5 强制刷新，绕过本地缓存重新拉一遍。还不行就进设置里清空缓存的图片和文件，别勾密码那一项。

装了代理或者加速工具的，样式表可能被拦在半路。把代理关掉试一次，或者把那个网站加进直连名单。广告拦截插件有时候也会误杀样式文件。

1. Ctrl 加 F5 强制刷新一次
2. 清空浏览器缓存的图片和文件
3. 临时关闭代理和广告拦截
4. 换一个浏览器对照验证

强制刷新能绕过坏掉的缓存

三、字体缺失导致的错位

网页指定了某个字体，本机没装，浏览器就用默认字体替代。替代字体的字宽不一样，一行放不下就换行，整段排版全乱。表现是文字都还在，就是位置不对。

系统里字体被精简过的机器容易这样。装回常用的中文字体，或者把浏览器的默认字体设成系统自带的，页面会恢复正常。

四、显卡加速和渲染

浏览器默认用显卡渲染页面，驱动有问题时，某些区块会渲染成空白或者错位，滚动还会撕裂。设置里搜硬件加速，关掉之后重启浏览器，问题通常消失。

关掉之后滚动会稍微不那么顺，但页面稳定。如果确认是驱动的问题，更新或者回退显卡驱动，再决定要不要重新打开。

五、扩展和脚本拦截

去广告、防跟踪、脚本管理这类扩展，规则更新之后可能把正常内容也拦了。无痕窗口里默认不加载扩展，用它打开同一个网页，正常了就说明是扩展的问题。

一个个关掉扩展试，关到哪个恢复正常就是它。找到之后把那个网站加进白名单，不用整个卸载。

四类表现，对应四个方向：

表里前两种在自己这边就能解决，后两种要动渲染和扩展。判断的关键是同一条网、同一台机器上换个浏览器是否正常。

设置里关掉硬件加速

无痕窗口验证扩展是否干扰

常见问答

问：只有某一个网站排版乱，别的都正常，是我电脑的问题吗

答：更像是那个网站的资源没加载全。按 F12 打开开发者工具，看网络那一栏有没有红色的失败请求，多半是它引用的样式表或者字体被拦截了。换个网络或者关掉代理再试一次就能确认。

问：清了缓存还是乱，重装浏览器有用吗

答：可以先换个浏览器试，如果另一个正常，说明是原浏览器的配置坏了，重置设置比重装快。两个都一样乱，问题就在系统层面，比如字体缺失或者缩放比例，重装浏览器不会有帮助。