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

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 { 高度：200像素; 宽度：100％; } .slider-slide { color：＃000; background-color：#fff; 身高：100％; 宽度：100％; } 但高度不是那么适合，

我不得不图像的任何尺寸添加和要装配在离子滑块

Answer 1

一个明确的宽度或高度不适用于图像标签。相反，给它：

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

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

问候。

Answer 2

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

这个工作对我来说;-)