Html 悬停时Img不缩放

各位专家下午好,

我在悬停时缩放图像时遇到问题。我已经检查了其他线程，似乎没有任何东西适合我。从其他线程中我了解到，图像缩放在内联元素上不起作用。因此，我尝试将

display:inline block

包含到.banner left img类和.left类中。然而，这对我来说并不奏效

我尝试过使用对比度、过滤器等进行变换。。没有问题，但随着扩展，这将成为一个问题

我不明白什么

.banner.左{
弹性：1；
身高：100%；
右：10%；
背景：var（--primary2色）；
z指数：2；
}
.横幅.左.横幅左img{
位置：相对位置；
最高：50%；
左-150%；
转化：translateY（-50%）；
宽度：145%；
动画：0.75秒从左向前滑动；
}
@关键帧imgSlideFromLeft{
100% {
最高：50%；
左：7%；
转化：translateY（-50%）；
}
}
.横幅左侧图像：悬停{
转换：比例（1.5）；
}

全新2020
梅赛德斯amg GT R
Lorem ipsum dolor sit amet，是一位杰出的献身者。尼伯尼西同侧颞肌
孕妇埃尼安·多洛。葡萄酵素。这是我的最爱，
零元素的侵权行为。埃吉斯塔斯·克拉斯·亨德雷特·埃尼安发酵液

现在试驾

试试看

或

---

我成功地完成了我的转变。它的问题在于选择键的位置错了

而不是

。横幅左img:hover{transform:scale（1.5）；}

它应该是

.banner.left:hover.banner left img{transform:translateY（-50%）scale（1.05）；}

---

我要感谢jQueryHtmlCSS分享帮助我解决问题的其他线程。

什么浏览器和操作系统？@jQueryHtmlCSS chrome。这将帮助你回答自己的问题。请发布答案，并尝试删除可能会分散他人注意力的信息，这些信息可能会为自己解决同样的问题。Yikes意外删除了该评论。我现在正在发布它！：）感谢阿加尼尝试了这个高度：自动；宽度：自动；最大宽度：135%；它起作用了。。但是，如果我将其缩放到高于img原始宽度（即“.banner.left.banner left img”选择器上所述的145%）的位置，则它不起作用

width:100px; 
height: auto;

height: auto; 
width: auto; 
max-width: 100px; 
max-height: 100px;