面试官会在各类设备、不同场景下浏览作品集，桌面大屏、笔记本、手机、投屏场景全覆盖。一旦出现布局错乱、文字看不清、图片加载失败等问题，会在无声中拉低专业印象、错失面试机会。做好多设备适配，是作品集合规可用的基础保障。
面试官主流查看场景分为四类：办公室大屏桌面为标准最优浏览场景；13-15寸笔记本多用于面试前快速初审；手机端是高频碎片化浏览场景，面试官通勤、等待时会快速扫读，注意力分散；投屏场景用于面试现场展示，对字号、对比度、页面容错率要求极高，适配不足极易现场翻车。
个人网站需做好三段式响应式适配，覆盖桌面、平板、移动端三大断点。布局上，多列网格自动转为单列排布，侧边栏下移或折叠，适配手机纵向阅读；文字规范严格把控，移动端标题不小于24px、正文不低于16px，适当拉大行距提升可读性。图片自动缩放裁剪，关键内容居中展示，多图横向排布改为纵向排列，支持点击放大查看细节。导航切换为汉堡菜单，保证44×44px标准触控区域，同时规避hover关键信息、横向滚动等移动端无效交互，杜绝误触与信息缺失。
PDF无需响应式，但需适配全场景阅读体验。电脑端优先使用16:9横版比例，100%缩放文字清晰；手机端放大关键标题与核心数据，缩小冗余内容，可按需准备移动端精简版PDF；投屏场景字号不低于18pt，摒弃低浅灰弱对比配色，核心内容居中排布，规避边缘裁切问题，保证现场展示清晰直观。
时间有限可按优先级梯度优化：优先保证桌面端完美适配，满足面试官主要浏览场景；其次保障移动端基础可用，无布局崩塌、文字重叠问题；最后按需优化平板适配与投屏展示效果。上线前完成全维度测试，多浏览器、多设备核验链接、图片、布局完整性，同时请他人协助测试，确保不同设备下体验统一，避免细节失误影响求职结果。
