你做完网站，自己电脑上打开看，觉得挺好看。上线之后客户反馈：「我手机上打开，你们联系按钮被挡住了」。你拿自己手机一看，真的乱了。因为你只在自己电脑上测试过。
为什么要多设备测试
客户用的设备五花八门：iPhone SE小屏幕、安卓大屏平板、老旧安卓机、折叠屏。你网站在宽屏电脑上好看，在375px宽的小手机上可能就挤成一团。
响应式主题不是万能的。有些主题在桌面端做得好，移动端就崩了。你不测就不知道。
怎么测
第一，自己手机打开看。最简单。用你自己手机访问网站，从头到尾点一遍：首页、文章页、联系页、表单提交。看有没有错位、图片溢出、按钮点不到。
第二，浏览器开发者工具。电脑上Chrome打开你网站，按F12，点左上角那个手机图标。可以模拟各种手机尺寸（iPhone、安卓、平板），看网站在不同宽度下什么样。
第三，找朋友借不同手机看。你用iPhone，找个安卓朋友打开看看。iOS和安卓微信里打开网页有时候也有差异。
重点检查什么
导航栏：手机上是不是变成汉堡菜单了？能不能点开？
图片：有没有超出屏幕宽度？
表单：输入框在手机上好不好点？
按钮：联系电话、加微信按钮，在手机上够不够大？太小的按钮客户点不到。
别光自己觉得好看就上线。客户设备跟你不一样。
