具有不同圖像大小或高度的離子滑塊

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; 

這個工作對我來說;-)