手机上样式错乱怎么调试

在手机上出现样式错乱的情况，可以通过以下几种方式进行调试：

1. 使用 Chrome 开发者工具的手机模拟器功能，在电脑上模拟手机尺寸和分辨率，调试样式问题。

2. 使用真实的手机进行调试，可以通过 USB 连接手机和电脑，使用 Chrome 开发者工具进行远程调试。具体方法可以参考 Chrome 官方文档：[Remote Debugging Android Devices](https://developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=zh-cn)。

3. 在代码中添加调试信息，例如在需要调试的元素上添加边框、背景色等样式，或者在控制台输出相关信息，以便定位问题所在。

4. 使用第三方工具进行调试，例如 Eruda，在移动端页面中引入 Eruda 脚本，可以在页面上直接调试 JavaScript、CSS、网络请求等信息，方便快捷。具体使用方法可以参考 Eruda 的官方文档：[Eruda 使用文档](https://github.com/liriliri/eruda/blob/master/doc/README_CN.md)。

总之，样式错乱的问题可能有很多原因，需要具体分析具体情况，多试几种方法，才能找到解决问题的最佳方案。