使图像适合全屏显示而没有滚动条 [英] make image fit full screen without scroll bars

问题描述

我需要使标题图像全屏显示.我试过了:

I need to make a header image full screen. I tried this:

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

但这是图片:

不知何故，窗口仍需要向下滚动，如我所见，我该如何解决这个问题以适合屏幕显示?

Somehow window still need to scroll down as you can see, how can i fix this, to fit in screen?

推荐答案

尝试一下:

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

OR

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

OR(基于修订后的问题)

OR (based on revised question)

将此添加到 body :

overflow: hidden;

这篇关于使图像适合全屏显示而没有滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！