具有不同图像大小或高度的离子滑块

Question

我使用离子滑动盒，但问题是，我的离子幻灯片图像尺寸不同，使用ng-repeat动态重复不同大小的图像  

                    <ion-slide ng-repeat="sliderimages in sliderimages">
                        <img src={{sliderimages.url}} style="width:100%;height:auto;"/>
                    </ion-slide>
                </ion-slide-box>

我用这个css来适应所有的图像高度，     .slider {         身高：200px;         宽度：100％;     }     .slider-slide {         颜色：＃000;         background-color：#fff;         身高：100％;         宽度：100％;     } 但身高不合适，

我必须添加任何尺寸的图像以及适合离子滑块

Answer 1

max-width: 100vw !important;
max-height: 100vh !important;

这对我有用; - ）

Answer 2

不要对图像标记应用明确的宽度或高度。相反，给它：

max-width:100%;
max-height:100%;

示例：http://jsfiddle.net/xwrvxser/1/

问候。