响应式设计

响应式设计是一种网页布局方法：同一个网址、同一套 HTML，通过 CSS 媒体查询、弹性网格和自适应图片，让页面在不同屏幕宽度下自动重新排列内容，而不是为手机单独做一个 m. 站点。

实现上通常以「移动优先」起步：先为窄屏写基础样式，再在更宽的断点逐步增加列数和留白。图片使用 srcset 或现代格式按需加载，字体和间距用相对单位，避免在小屏上出现横向滚动。

对企业网站来说，国内大部分访问来自手机，尤其是从微信聊天、朋友圈和公众号文章点进来的流量。一个在手机上排版错乱、按钮点不中的官网，会直接影响咨询转化，也会影响搜索引擎对移动体验的评价。

常见误区是只在设计稿里画一版桌面端和一版手机端，中间宽度没人管。验收时建议在 360、768、1024、1440 等多个宽度实际检查，并用真机在微信内置浏览器里打开一遍，它和系统浏览器的表现并不完全一致。