html - 使图像适合全屏没有滚动条

Question

我需要全屏显示标题图像。我试过这个:

<div class="wrapper">
   <img src="images/image1.jpg" class="img-responsive" alt="Responsive image">
</div>

但这是图片:

如您所见，不知何故窗口仍然需要向下滚动，我该如何解决这个问题，以适应屏幕？

Answer 1

试试这个:

.img-responsive { background-size: 100%; }

或

.img-responsive { background-size: cover; }

或(基于修改后的问题)

将此添加到正文:

overflow: hidden;