Php CSS-隐藏图像溢出不是'；行不通

我的网站横幅有问题。当我在手机屏幕上查看横幅图像时，横幅上的文字太小，看不见。因此，我将图像的宽度设置为120%（在CSS上），以便在手机屏幕上显示更大的文本。当我这么做的时候，-但是我想把多余的横幅剪掉。我试图通过使用“溢出：隐藏”来解决这个问题，但没有成功。最终，我只想剪掉横幅上多余的部分，但我不知道如何剪掉

HTML:

---

你把宽度放错地方了。您应该粘贴图像的高度和宽度，并将溢出：隐藏；到旗下

这里有一个例子

img{
宽度：100%；
}
@仅介质屏幕和（最大宽度：480px）{
.内容{
宽度：360px；
保证金：0自动；
}
.横幅{
宽度：90%；
保证金：0自动；
溢出：隐藏；
}
.banner img{
宽度：250%；
左边距：-138px；
}
}

---

这是否回答了您的问题？

<div class="content">
        <div class="banner">
            <img src="images/large_banner.png" width="1440" height="80" alt="Sister banner"/>
        </div>
</div>

@media only screen and (max-width: 550px){
    .banner{
            height: auto;
            width: 120%; 
            overflow: hidden;
           }
}