html - 从溢出图像 CSS 中删除多余的空格

Question

我试图让图像的溢出看起来隐藏在特定屏幕尺寸上，但我无法找到为什么会出现这种额外间距的解决方案。这是我目前拥有的 html 和 css。我正在尝试这样做，因为图像会显得太小。

也欢迎 Bootstrap 解决方案。

.aboutsplash img{
	width: 100%;
	height: auto;
	margin: 0;
}
@media (max-width: 769px){
	.aboutsplash img{
	overflow: hidden;
	width: auto;
	max-height: 150px;  
	}
}
@media (max-width: 500px){
	.aboutsplash img{
	position: left;
	margin: 0 0 0 -25%;
	}
}

<div class="aboutsplash">
    <img src="images\sunsetcrop2.jpg" alt="lbl sunset">
</div>

Answer 1

  @media (max-width: 769px){
    .aboutsplash {
      overflow: hidden;
    }
  }

试试这个。