面试官可能在电脑、笔记本、手机或投屏场景查看作品集,任何设备上的体验崩溃,都可能让你错失面试机会。需结合真实使用场景,做好全设备适配。
网站作品集需做好响应式设计,覆盖桌面端(1200px以上)、平板端(768-1199px)、移动端(767px以下)三个断点。布局上,多列网格在移动端改为单列,侧边栏折叠或下移;字号保证移动端标题≥24px、正文≥16px;图片适配缩放,设计稿支持点击放大;导航转为汉堡菜单,触摸区域≥44×44px,避免hover依赖。
PDF作品集需保证多设备可读,电脑端100%缩放清晰,手机端字号不偏小,投屏端字号≥18pt、配色高对比。可备一份移动端精简版PDF,提升适配性。
发布前对照测试清单自查,优先优化桌面端体验,确保移动端基本可用,时间允许再完善平板和投屏适配,避免因设备适配问题遗憾错失机会。





