一位做机床附件的客户给我讲过一件事：销售带iPad去见客户，翻到官网准备展示实力，页面在横屏下中间塌了一块，产品图挤在左边，右边一大片白。客户当时没说什么，事后聊天时提了一句：你们网站在平板上不太行。就这一句，让销售后面再没敢当众打开官网。平板平时没人提，出丑专挑重要场合。
平板是夹在中间的尴尬档
很多网站只做了电脑和手机两套布局，平板卡在中间：按手机排版，屏幕太大，字大得像标题，一行就三五个词；按电脑排版，导航和字体又挤成一团。竖屏还好，横屏一下问题全冒出来。做响应式网站设计时，平板值得单独一档断点，把栏数、字号、间距都重新调配一遍，工作量不大，观感差距却很明显。一档适配的成本，通常只占项目总额的零头。
平板适配的四个要点
- 栏数折中：电脑四栏、手机一栏的产品列表，平板用两到三栏，别非此即彼；
- 横屏单独看：iPad横屏宽度接近小笔记本，布局要按宽屏逻辑走，正文限宽避免一行太长；
- 触控和悬停并存：平板是触屏，电脑端靠悬停展开的菜单要改成点按展开，这是最容易漏的地方；
- 演示场景优先：把最想给客户看的那几页在平板上过一遍，展会和洽谈用的就是它们。
还有个使用数据值得参考：B2B外贸网站的平板访问占比通常在百分之五到十，单看不大，但这些访客里决策人比例高，拿着平板翻供应商的，多半是在办公室里认真比价的人。为了省一档适配的钱，把这一层人的体验放掉，不划算。更现实的问题是，平板横屏的翻车往往发生在别人盯着看的时候，一对一演示、展会轮播、会议室投屏，都是平板的主场。
怎么快速检查平板端
手头有iPad最好，没有就用电脑浏览器把窗口调成平板尺寸看个大概。重点看四处：首页首屏是否完整、产品列表栏数是否合理、表格有没有溢出、导航能不能正常点开。花二十分钟能把问题摸个七七八八，列成清单交给建站方处理。别等销售下次出去演示前才临时抱佛脚，那种尴尬没法补救。那位机床附件客户的销售后来学乖了，见客户前必用平板把官网过一遍，这个习惯值得推广。
建议把平板体验写进验收标准，交付时三端各过一遍。如果现有网站平板端一塌糊涂，让建站方单独报个平板适配的价格，通常比整体改版便宜得多。比格网络做响应式网站设计时默认把平板列为独立测试档位，因为见过太多在iPad上翻车的现场，这块短板补起来其实很快。
