使图像适合全屏而无需滚动条

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; }

或(根据修订后的问题)

将此添加到body:

overflow: hidden;