css - ionic 2 - 在 ion-slide 中使用缩略图和头像

Question

在 Ionic 2 中，“ion-slide”内部不会以头像和缩略图大小呈现头像和缩略图，而是以更大的尺寸显示。

我的代码:

    <ion-slides>
     <ion-slide>
       <ion-item class="item item-trns item-stable">
            <ion-avatar item-left>
                <img src="http://placehold.it/300x300" class="avatarImage"/>
            </ion-avatar>
            <ion-avatar item-right>
                <img src="http://placehold.it/300x300" class="avatarImage"/>
            </ion-avatar>
        </ion-item> 
     </ion-slide>
    </ion-slides> 

SCSS:
.avatarImage {
    width: auto;
    height: auto;
}

我们不能在 ionic 2 的 ion-slide 中使用 avatar 吗？

Answer 1

您需要将图像宽度从 width:100% 更改为 width:auto。