具有不同图像大小或高度的离子滑块-Java 学习之路

我正在使用离子滑动盒，但问题是，我的离子幻灯片图像尺寸不同，使用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 {height：200px;宽度：100％; } .slider-slide {color：＃000; background-color：#fff;身高：100％;宽度：100％;但身高不太合适，
fit image

space in above

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

2 回答

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

这对我有用;-)

回复于 2024-05-05T20:55:11+08:00

2
不要对图像标记应用明确的宽度或高度 . 相反，给它：
```
max-width:100%;
max-height:100%;
```
示例：http://jsfiddle.net/xwrvxser/1/

问候 .
回复于 2024-05-05T20:55:11+08:00

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

2 回答

相关问题