uni-app flex column 布局中图片高度被压缩

场景

需要给根元素设置背景，所以给根元素设置了height: 100vh以保证背景能覆盖整个屏幕。

但此时发现图片mode="widthFix"、style="width: 100%"，高度被压缩了，强行指定了高度。

方法一

如果设置了设置了根元素height: 100vh，则等同于flex-grow: 1，会被父容器强制拉伸。

解决：设置父容器min-height: 100vh即可，或者去掉height: 100vh。

方法二

设置纵向的子元素不被拉伸

.root-view * {
    flex: 0 0 auto;
}