vue

图片自适应

图片自适应css

920 发布: 2023/9/25 15:50 本文总阅读量次

图片自适应

<div class="img-box">
    <image src="@static/imgs/600x200.jpg"> </image>
</div>

<div class="img-box">
    <image src="@static/imgs/500x200.jpg"> </image>
</div>

<div class="img-box">
    <image src="@static/imgs/300x200.jpg"> </image>
</div>

.img-box {
  display: inline-block;
}

.img-box image {
    width: 100%;
    vertical-align: middle;
}