面试官会通过电脑、笔记本、手机、投屏等各类设备查看作品集，任意设备出现布局错乱、文字看不清、体验崩盘，都会隐性降低面试印象。作品集适配不是锦上添花，而是保障面试观感、避免隐形扣分的基础必备能力。
一、面试官四大真实查看场景
一是办公室大屏电脑，为最优浏览场景，面试官有充足时间细致浏览作品；二是13-15寸笔记本，多用于面试前快速初审，屏幕尺寸、分辨率不固定；三是手机端，面试官通勤、等候时高频快速翻阅，屏幕小、注意力分散，最容易暴露适配问题；四是面试投屏展示，集体面试场景常用，极易出现文字模糊、内容裁切问题。
二、网站作品集响应式适配规范
统一设置三大核心断点：1200px以上桌面端、768px-1199px平板端、767px以下移动端，全方位覆盖主流设备。布局上，多列网格自动转为单列排布，侧边栏下移或折叠，全屏横幅区域适配移动端比例重构排版。字号严格把控，移动端标题不小于24px，正文不小于16px，适当加大行距，提升碎片化阅读舒适度。
素材与交互适配方面，大图按需缩放裁剪，保留核心内容，多图横排改为纵向排布，支持点击放大查看细节。桌面端水平导航替换为44×44px以上大触控区域汉堡菜单，保障操作便捷性。彻底规避依赖Hover效果展示关键信息、横向滚动、控件间距过近等问题，杜绝移动端误触、信息缺失问题。
三、PDF作品集多场景适配要点
PDF无需响应式，但需适配全场景阅读。电脑端优先选用16:9、4:3横版版式，100%缩放文字清晰可辨。手机端放大关键标题、数据、结论字号，弱化次要内容，时间充足可单独制作移动端精简版PDF。投屏展示字号不低于18pt，规避低对比度配色，核心内容居中排布，避免边缘内容被裁切、模糊看不清。
四、上线完整测试清单 & 优化优先级
发布前需完成全维度测试：电脑全屏浏览、浏览器缩窗测试响应效果、手机端实测、多浏览器兼容测试、链接与图片加载校验，同时邀请他人跨设备实测，杜绝适配漏洞。时间有限时遵循优先级：优先优化桌面端核心体验，保障面试官主力浏览场景；其次确保移动端基础可用、无布局崩盘；再按需细化平板端适配；最后面试前专项调试投屏效果，全方位规避隐形扣分点。
