真正的响应式设计会根据设备宽度重新安排信息优先级。电脑端可以左右分栏,手机端通常需要改成纵向结构;电脑端一行四个卡片,手机端可能一行一个或两个;电脑端的大图在手机端需要重新裁切,否则会占据整屏。

移动端还要特别关注按钮触控区域、导航菜单、表单输入、固定弹窗和页面留白。很多模板站在电脑上看起来正常,手机端却出现标题断行、按钮挤在一起、菜单遮挡内容等问题,本质上是没有从手机场景重新设计。企业官网如果主要通过微信、LINE或手机浏览器被客户打开,移动端应当从项目一开始就作为主要场景考虑。