响应式布局 标签归档 - 永夜 没有不值得去解决的问题，也没有不值得去学习的技术！ Sat, 19 Sep 2026 03:58:03 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.1.2 https://media.shuijingwanwq.com/2026/05/logo-150x150.png 响应式布局 标签归档 - 永夜 32 32 第一次把 A Tour of Go 做成 RTL：阿拉伯语版本上线，以及我踩过的几个坑 https://www.shuijingwanwq.com/2026/09/19/27682/ Sat, 19 Sep 2026 03:58:01 +0000 https://www.shuijingwanwq.com/?p=27682 在为 A Tour of Go 多语言项目新增阿拉伯语版本时，我第一次真正处理 RTL（从右到左）语言。翻译本身仍沿用既有 TranslationUnit、Quality Check、Course SEO 和 Locale Surface Review 流程，但 RTL 很快暴露了桌面双栏重叠、移动端编辑器被压窄、课程导航方向语义变化、代码区必须保持 LTR 等问题。最终通过调整共享布局、响应式规则和浏览器回归测试完成阿拉伯语正式上线，并在排查 PageUp/PageDown 快捷键时进一步确认了一个可在官方 go.dev/tour 复现的上游焦点问题。整门阿拉伯语实际投入约 7 小时，相比普通 LTR 语言多出的时间，主要来自首个 RTL locale 的一次性基础设施建设。

第一次把 A Tour of Go 做成 RTL：阿拉伯语版本上线，以及我踩过的几个坑最先出现在永夜。

]]> WordPress 旧文章移动端图片错位排查：经典编辑器 Caption 固定宽度与缓存验证全过程 https://www.shuijingwanwq.com/2026/07/03/18726/ Fri, 03 Jul 2026 12:24:29 +0000 https://www.shuijingwanwq.com/?p=18726 本文记录了排查博客旧文章在移动端图片错位的过程。经测试发现，问题并非全站模板失效，而是集中在早年使用经典编辑器发布的文章中。根源在于图片外层容器 figure.wp-caption 写入了内联固定宽度，导致移动端无法正常缩放。最终，通过升级全局 CSS 覆盖 width 和 max-width 属性，实现了对历史遗留结构的兼容性修复，并确认了缓存对验证效果的影响。

WordPress 旧文章移动端图片错位排查：经典编辑器 Caption 固定宽度与缓存验证全过程最先出现在永夜。

]]>