<div class="yxczf wdhg"> <div class="ssglecharts pie1"> <ssgl-echarts id="SsglEcharts1" :value="yxczfValue" color1="rgba(94, 222, 220, 1)" color2="rgba(71, 195, 239, 1)" :key="`${componentKey}-1`" /> </div> <div class="msgBox msg1"> <span class="czf-title">优秀出租房</span> <span class="czf-per">{{ yxczfValue }}%</span> <span class="czf-number">{{ yxTotal }}</span> </div> </div> <div class="ybczf wdhg"> <div class="ssglecharts pie2"> <ssgl-echarts id="SsglEcharts2" :value="ybczfValue" color1="RGBA(181, 250, 118, 1)" color2="RGBA(147, 224, 116, 1)" :key="`${componentKey}-2`" /> </div> <div class="msgBox msg2"> <span class="czf-title">一般出租房</span> <span class="czf-per">{{ ybczfValue }}%</span> <span class="czf-number">{{ ybTotal }}</span> </div> </div> <div class="xzgczf wdhg"> <div class="ssglecharts pie3"> <ssgl-echarts id="SsglEcharts3" :value="xzgczfValue" color1="RGBA(226, 195, 124, 1)" color2="RGBA(226, 191, 119, 1)" :key="`${componentKey}-3`" /> </div> <div class="msgBox msg3"> <span class="czf-title">需整改出租房</span> <span class="czf-per">{{ xzgczfValue }}%</span> <span class="czf-number">{{ xzgTotal }}</span> </div> </div>为什么只有最后一个可以自适应

根据提供的代码，我可以看到这是一个关于出租房的数据可视化展示，其中包含三个部分，每个部分都由一个饼图和一个信息框组成。至于为什么只有最后一个可以自适应，我需要更多的上下文信息才能回答你。可能是因为最后一个部分的CSS样式设置了自适应的属性，而前面两个部分没有设置。或者可能是因为最后一个部分所包含的内容比较少，因此自适应效果更好。无论如何，如果你能提供更多代码或上下文信息，我可以更好地回答你的问题。