问题描述

在手机端访问网站时，页面样式错乱、布局变形或菜单不工作。

可能原因及解决方案

1. 浏览器缓存

部分手机浏览器（如QQ浏览器）缓存了旧版本样式。

解决方案：清除浏览器缓存，或使用无痕模式。

2. 汉堡菜单不工作

移动端汉堡菜单（☰）点击无反应。

解决方案：检查 main.js 是否正确加载，检查浏览器控制台是否有 JS 错误。

3. CSS Grid 兼容性

部分老旧浏览器不支持 CSS Grid。

解决方案：系统已提供 Flexbox 兼容方案，确保使用最新版本。

4. Viewport 设置问题

页面缺少或错误设置 viewport。

解决方案：确保 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 存在。