这不是真正的我问如何做到这一点,但一个指针,真正的效果,一个例子引导主题,我已经看到,并为其他网站太不只是引导。
Bootstrap 3 Theme
该网站的介绍填补了浏览器窗口的每一种方式在所有屏幕大小,我一直有困难实现这一点。最好的方法是什么?为什么?
最佳答案
很简单;您需要将div
(或用于保存全屏内容的其他元素)的高度设置为“100%”,但这需要与“something”相关,这就是为什么您还要为html
(viewport)和body
(content)元素设置高度:100%。只要带有图像的div首先出现在HTML中,它就会按预期工作。
Demo Fiddle
html, body{
height:100%;
width:100%;
margin:0;
padding:0;
position:relative;
}
#imgDiv{
position:relative;
height:100%;
background-image:url(myImage.png);
}