关于网站的适配优化（兼容多设备）

现在移动端访问占比超 70%，必须做响应式设计，让网页在手机、平板、电脑上都能正常显示：

1、基础响应式布局：用 CSS 媒体查询适配不同屏幕尺寸

2、避免固定宽度：网页元素宽度用百分比（%）或 flex 布局，不要写死像素（如 width: 1200px），否则手机端会出现横向滚动条；

3、移动端交互适配：按钮尺寸≥44×44px（方便手指点击），字体≥14px（避免太小看不清）。