商品页平板首屏修复 · 已上线
PawChibi · 预计 2 分钟读完
结论
两个商品页在平板和电脑上被同一行小字撑坏，已按 Austin 选的 A（全部宽度都修）上线，平板大图回来了。
手机一个像素都没变；Austin 这份不用再做什么。
毛病在哪
元凶：一行保障文字
- 哪行
- 购买按钮下「全额退款 · 免费重做」
- 设定
- 不许换行，整行约 676 像素
- 后果
- 硬把右栏撑宽，左边图库被挤
平板（761–900 宽）坏
- 图库
- 只剩 24–30 像素
- 看到的
- 大图没了，说明字叠一团
- 另外
- 右栏被撑出屏幕
电脑（900–1500 宽）偏
- 图库
- 比原设计窄 115–240 像素
- 看到的
- 缩略图说明折两行
手机（760 以下）好
- 影响
- 没有
- 改后
- 上线后截图与改前逐像素相同
大图那一栏的宽度（像素）
改前 改后（已上线）
摆件页；钥匙扣页数字完全一样。手机 390 宽改前改后都是 358。
对比图（点图放大）
选的修法（Austin 选 A）
| A 全部宽度都修 ✓ 已上线 | B 只修平板 | |
|---|---|---|
| 平板 761–1100 | 修好 | 修好 |
| 电脑 1101 以上 | 大图变大，保障行分两行 | 保持现在（图偏小） |
| 手机 | 不变 | 不变 |
| 一句理由 | 同一个毛病，一次修干净 | 电脑样子一点不动 |
附录
钥匙扣页平板对比图
具体改了什么
只动一份样式文件 assets/pc-atelier.css，在末尾加了 3 行：两栏按原设计比例分、不许被内容撑开；保障行两句各占一行。只管 761 宽以上，手机那套规则一字不碰。
风险与限制
4 条
- 上线后两页 × 六档宽度重拍，与上线前预演逐项一致，都没有横向溢出。
- 电脑上看得见的变化：大图变大、右栏变窄、保障行分两行。
- 页面缓存最长滞后约 1 小时，看到旧样子先强制刷新。
- 改前已备份；要复原把备份写回即可，一步到位。
下一步
- 站已修完，不用再做什么。
- 这个坑补进知识库 04 与手册 09：等 Austin 点头后随规则一起发布。