Mac端Google Chrome responsive mode切换宽度后异常问题求助

我之前也碰到过一模一样的Chrome响应式模式bug，折腾了好一会儿才找到可行的解决办法，分享给你：

• 重置开发者工具布局
  右键点击开发者工具顶部的标签栏（比如Elements、Console这些选项旁边），选择Restore defaults and reload。这个操作会把DevTools的布局完全恢复到初始状态，大部分布局错乱的问题都能直接解决。

• 关闭硬件加速
  打开Chrome设置，搜索“硬件加速”，找到「使用硬件加速模式（如果可用）」选项，取消勾选后重启Chrome。有时候显卡渲染的兼容性问题会导致响应式模式的显示异常，关闭硬件加速能规避这类问题。

• 更新Chrome到最新版本
  点击Chrome菜单 → 关于Google Chrome，让浏览器自动检查并安装更新。旧版本的Chrome存在不少响应式模式的已知bug，更新到最新版后很多问题都会被修复。

• 排查冲突的浏览器扩展
  部分广告拦截、页面美化类的扩展可能会干扰DevTools的正常运行。可以先打开Chrome隐身模式（快捷键Command + Shift + N），再测试响应式模式，如果隐身模式下正常，就逐个禁用扩展排查，找到冲突的那个停用即可。

如果以上方法都无效，还可以尝试备份书签等数据后删除Chrome的用户配置文件，或者重新安装Chrome，但这属于终极方案，优先试试前面的方法。

内容的提问来源于stack exchange，提问作者user8506002