Im Flex-Layout sind die Breite und Höhe des Containers jeweils auf 100 % festgelegt, und die Breite und Höhe des Bildes des untergeordneten Elements sind auf 200 rpx festgelegt. Die Breite und Höhe des übergeordneten Elements folgt dem untergeordneten Element, und es gibt keine 100 % Wirkung.

Question

wxml:

<view class='tz'>

 <image class='tz-image' src='../../image/tz.png'></image>

 <text class='tz-text'>欢迎来到***平台</text>

wxss:

.tz{

 width: 100 %;

 height: 100 % ;

 Anzeige: Flex;

 Hintergrund: Rebeccapurple;

 Rand: 5 Rpx;

}

.tz-Bild{

 Breite: 200 Rpx;

 Höhe: 200 Rpx ;

}

. tz-text{

 Hintergrund: rot;

 }

</view>