定位与原点

百分比与像素

• 百分比：位置不受缩放影响，适合相对布局（居中、四角偏移）。
• 像素：四边位置（top/left/right/bottom）统一随缩放变化（值乘以 scale），确保元素在各分辨率下保持相对设计稿的精准间距。

四角组合

• 左上（top + left）
• 右上（top + right）
• 左下（bottom + left）
• 右下（bottom + right）

实战示例

右下角固定 40px，顶部相对比例 80px：

<FitContainer :top="80" :right="40" unit="px">
  <Widget />
</FitContainer>

居中卡片：

<FitContainer :top="50" :left="50" unit="%">
  <div class="card" style="transform: translate(-50%, -50%);">中心</div>
</FitContainer>