Unity UI：缩放铺满屏幕的背景父物体时，子物体仅位移不缩放，如何实现拉伸？

你提到的父物体缩放时子物体只动位置不变大小的问题，通常是因为子物体的尺寸约束或锚点设置不对，以下分常见场景给出解决办法：

Unity UI场景 #

• 调整锚点设置：把父物体的Rect Transform锚点设为上下左右全拉伸（Anchor Presets选Stretch-Stretch），子物体的锚点也要对应设置成和父物体匹配的拉伸锚点，别用固定中心锚点。
• 取消缩放锁定：检查子物体的Rect Transform面板，确保缩放值是(1,1,1)且没被锁定，这样父物体缩放时子物体会继承缩放属性。
• 关闭比例锁定：如果子物体是Image组件，关掉Preserve Aspect选项，不然会强制保持宽高比，没法跟着父物体拉伸。

前端网页场景 #

• 用相对定位+绝对定位配合百分比尺寸：

  .bg-parent {
    position: relative;
    width: 100vw;
    height: 100vh; /* 铺满屏幕 */
  }
  .child-element {
    position: absolute;
    width: 40%; /* 相对于父元素宽度的比例 */
    height: 25%; /* 相对于父元素高度的比例 */
    top: 15%;
    left: 20%;
  }
  

• 别给子元素用固定像素宽高，改用百分比、vw/vh这类相对单位，保证子元素尺寸随父元素同步变化。

通用注意事项 #

• 子物体的尺寸必须基于父物体的相对比例，不能是固定值。
• 检查是否有单独的比例保持或缩放锁定设置，这类属性会阻止子物体跟随拉伸。

内容的提问来源于stack exchange，提问作者SirCartaux