yiqiu 3682b29757 首页移动端全面适配优化 ...

- 优化导航栏在平板和手机端的显示
  - 调整 logo 和导航项尺寸
  - 手机端隐藏主导航菜单（预留汉堡菜单空间）
  - 优化登录/注册按钮尺寸

- Banner 轮播区域响应式优化
  - 平板端：500px 高度，文字居中
  - 手机端：450px 高度，标题 32px
  - 小手机：400px 高度，标题 28px

- 热销产品表格移动端卡片化
  - 平板端保持表格形式，添加横向滚动
  - 手机端转换为卡片布局
  - 使用 CSS 伪元素自动添加标签
  - 为 td 添加 data-label 属性增强可访问性

- 解决方案区域响应式布局
  - 平板端改为上下布局
  - 手机端优化按钮和文字尺寸
  - 小手机端全面缩小间距和图片尺寸

- Footer 页脚全面优化
  - 平板端改为垂直布局
  - 手机端承诺区域 2 列显示
  - 版权信息改为垂直堆叠居中

- 其他优化
  - 基础设施数据改为垂直布局
  - 手机端隐藏侧边工具栏，保留回到顶部按钮
  - 移动端禁用复杂动画提升性能

响应式断点：≤1199px / ≤991px / ≤767px / ≤575px
所有改动在媒体查询内，不影响桌面端样式

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-12-12 19:49:44 +08:00

22 KiB

Raw Blame History

View Raw