IonSlides 强制图像填充幻灯片

编程问答 2022-05-25

问题描述

我将图像作为子项传递给仅返回 IonSlide 的自定义组件。出于某种原因，我必须将图像的宽度和高度设置为重要，否则它会被强制为 IonSlide 的 100%。这是由这段代码引起的：

.swiper-slide img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

但我不知道它来自哪里。它不是来自文件，只是页面上的 style 标记。 为了解决这个问题，我的形象是这样的：

<img src={"/assets/logos/logo.png"} alt="Logo" style={{ "width": "100px !important","height": "100px !important" }} className="ol-logo-image"></img>

我不仅不喜欢使用 important，而且它确实使线条变大了，因为我必须使用图像上的 style 属性来覆盖上述样式。 我无法将 ol-logo-image 设置为宽度和高度 100，因为我有很多需要不同尺寸的图像。

我怎样才能摆脱这种风格？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ion-slidesionic-framework