本文介绍了使图像适合全屏显示而没有滚动条的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要使标题图像全屏显示.我试过了:
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;
这篇关于使图像适合全屏显示而没有滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!