跨端组件封装中如何处理样式隔离、尺寸换算与原生组件差异

# 核心结论

跨端组件封装应追求布局意图、交互语义和主题约束一致，而不是要求所有平台逐像素相同。共享层应保存设计变量、组件状态、布局规则和稳定的定制接口；平台层处理样式隔离、单位转换、选择器限制、安全区域以及原生组件的渲染层级差异。组件对外应优先暴露属性、插槽、事件、外部类或主题变量，避免调用方依赖内部节点结构。

# 底层机制

尺寸换算需要依据设计稿宽度和目标视口，把适合缩放的设计尺寸转换为 rpx 或浏览器响应式单位，但不能对所有数字无差别转换。容器宽高、间距和字号通常可以按设计规则换算；发丝边框、阴影偏移、媒体查询阈值、第三方组件明确要求的像素值以及运行时测量结果，可能需要保留 px 或单独处理。自动转换器