# Column宽高自适应背景图片大小

#### 问题现象

给Column设置一张背景图片，如何做到Column宽高自适应背景图片大小？即图片有多大，Column就有多大。

#### 背景知识

*   Column是一种线性布局组件，容器内子元素按照垂直方向排列。
*   Stack是层叠布局组件，提供元素可以重叠的布局。
*   Image的fitOriginalSize属性用于设置图片的显示尺寸是否跟随图源尺寸。

#### 解决方案

1.  在需要设置背景图片的Column中使用层叠布局组件Stack。
2.  在Stack中使用Image作为背景图片，并将Image的fitOriginalSize属性设置为true。

完整示例参考如下：

```
@Entry
@Component
struct ColumnLayout {
  build() {
    Column() {
      Column() {
        Stack() {
          Image($r('app.media.startIcon'))
            .fitOriginalSize(true);
        };
      };
    }.height('100%').width('100%');
  }
}
```

在IDE中查看ArkUI Inspector预览：