上个月在高铁上看到邻座乘客用折叠屏手机回邮件，屏幕展开比平板还大，顺手打开了一个供应商的官网——排版还是手机版，字大得夸张，一屏只装得下一行半。那人皱了下眉就关掉了。折叠屏这两年出货量涨得快，价格也降到了五六千，身边用的人肉眼可见地多起来，网站这边准备好了吗？
折叠屏带来的新麻烦
折叠屏有两个状态：合上是普通手机宽度，展开后宽度七八百像素，介于手机和平板之间。麻烦就出在展开态：很多网站的手机版断点设在七百多像素以下，展开屏刚好越线，页面按手机版渲染，结果字特别大、留白特别多，像拿着放大镜看报纸。商务人士恰恰是折叠屏的主力用户，也是B2B网站最重要的访客群体，这个错位出现的时机很不巧。试想一场视频会议间隙翻开你的官网，满屏大字，专业性先扣十分。
现阶段怎么应对，分三档
- 基础档：确认展开态页面没有错位、溢出、按钮点不中这类硬伤，做不到完美至少做到不难看；
- 进阶档：在手机和平板之间加一档断点，展开态按小平板排版，两栏列表加宽边距，观感立刻上一个台阶；
- 前瞻档：跟进屏幕折叠展开的动态切换，合上刷到一半展开接着看，布局无缝过渡。这一档目前只有少数团队做，成本不低。
我的建议是多数企业做到进阶档就够。折叠屏总量虽然涨得快，占网站访问的比例还在低个位数，为它做重投入不划算，但完全不设防也不行，因为用折叠屏的人里，老板和采购的浓度太高。
动手的机会成本很低
如果你的网站是新做的响应式，加一档断点通常半天工作量；老网站连手机版都没有的，先别管折叠屏，把基础的响应式网站设计补齐才是正事，顺序别搞反。自查方法：借一台折叠屏或者用浏览器的设备模拟器，选几个折叠屏机型过一遍首页、产品页、表单，重点看展开态的排版和交互。展开合上各试一次，来回切换时页面要是能自然过渡，说明底子是好的。
两条建议：近期要改版的，把折叠屏档位写进需求清单，趁改版顺手做了最省钱；暂时不改的，让技术用模拟器跑一遍，确认没有硬伤就先放着，每半年复查一次比例数据，访客占比超过百分之三就该动真格。比格网络交付的响应式网站设计项目，折叠屏已经列入默认测试机型清单，趋势这东西，早半步就够，晚半步就赶。等到折叠屏成了办公标配再补课，赶工做出来的东西，细节一定经不起推敲。
