响应式设计

响应式设计是一种用单套 HTML 为 PC、平板和智能手机等不同屏幕尺寸提供最优布局的 Web 设计方法。通过 CSS 媒体查询，根据屏幕宽度切换列数、字体大小、图片尺寸和导航栏的显示形式。

对于二维码的链接目标页面，响应式设计不是可选项而是必需品。扫描二维码的设备绑大多数是智能手机。如果二维码指向的是为 PC 设计的页面，用户会遇到文字太小无法阅读、按钮难以点击、需要横向滚动等问题，用户体验严重受损，直接导致扫描后的跳出率上升。

二维码着陆页需要特别注意以下几点。第一，在首屏（无需滚动即可看到的区域）放置最重要的信息和行动号召按钮。智能手机屏幕较小，如果在滚动前无法传达价值，用户就会离开。第二，点击目标的尺寸。Apple 指南建议最小 44×44 点，Google 推荐 48×48 dp。第三，加载速度。考虑到移动网络环境下的访问，图片优化和去除不必要的脚本至关重要。