响应式布局的国际化逻辑属性复盘做 RTL 时最省心的办法不是再维护一份“右到左样式”。布局方向是内容属性组件应优先使用逻辑属性让浏览器根据dir决定起止位置。图标、数字和时间线仍有各自规则不能一键镜像后就不再检查。.item { padding-inline: 1rem; border-inline-start: 3px solid var(--brand); margin-block: .75rem; } .arrow { margin-inline-start: .5rem; } [dirrtl] .arrow { transform: scaleX(-1); }不要把所有left、right机械替换。绝对定位的浮层要确认锚点语义时间轴需要确认阅读顺序代码片段和电话号码通常保持 LTR。组件测试可用dirrtl跑一遍快照或视觉回归真正要看的是截断、焦点顺序和屏幕阅读器读法。这类改造最适合从基础组件开始。先把 Button、Input、Card 的间距和图标方向做好业务页面会少很多例外。