设计师电脑里完美无瑕的页面，到客户同事的旧笔记本上可能错位，在某个国产浏览器里按钮消失——兼容问题几乎每个网站都会撞上，区别只是上线前撞还是上线后被客户撞。网页设计制作的兼容工作，本质是提前列出“这个页面会在哪里被打开”，然后逐一去伺候好。
该兼容哪些浏览器
现在的答案很明确：Chrome、Edge、Safari、Firefox 四家的主流版本，外加微信内置浏览器，覆盖率就足够了。老旧的 IE 早已退休，别再为它多付一分钱。真正容易被漏掉的是微信内置浏览器——国内网站相当比例的访问从微信里点进来，它对某些新特性的支持跟标准浏览器有差异，视频自动播放、固定定位这些都有各自的脾气，必须单独测。另外国产浏览器的兼容模式是个坑，老用户群体里有不少浏览器默认开的是老旧内核兼容模式，开发要留好降级方案。
不同设备组合才是重头
浏览器之外，屏幕组合更值得花力气：苹果手机的 Safari、安卓各家浏览器、平板横竖屏、带触屏的笔记本。网页设计制作的务实做法是建一张测试矩阵，挑覆盖面最广的十来种组合，每个页面在上面过一遍。重点盯三类页面：首页、表单页、支付或询盘相关页面——这三类出问题直接伤业务，产品详情页的小瑕疵优先级都可以往后放。
兼容不等于无限迁就
兼容也有边界。为了照顾极少数古董设备把整个站的新特性砍掉，得不偿失。合理的姿态是优雅降级：新版浏览器看到完整效果，旧环境保证内容和功能可用，视觉上差一点可以接受。开发时用渐进增强的思路写，功能先保证，装饰逐层加。拿不准的边界，让开发列出清单由你拍板，别让技术替业务做决定。
兼容问题怎么修
发现兼容问题后，修复也有先后。影响功能和数据的先修：表单提交失败、按钮点了没反应，这类是事故级别；只影响观感的排后：圆角没生效、阴影缺失，旧环境里少个装饰不碍事。修复时优先找通用解法——换个写法全端通吃，比给某个浏览器单独打补丁强。每次修复后把问题和解法记进项目文档，下次建站直接绕开，兼容经验就是这么一点一点攒出来的。
两句实在建议：合同里让建站方写明兼容范围和测试矩阵，验收时按矩阵逐格打钩，别只在自己常用那台电脑上看；微信引流做得重的企业，验收前务必把全站在微信里走一遍流程，比格网络交付前的兼容测试就包含微信环境，这一条单独立项都不为过。
