如何解决IonSlides 强制图像填充幻灯片
我将图像作为子项传递给仅返回 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 举报,一经查实,本站将立刻删除。