这不是真正的我问如何做到这一点,但一个指针,真正的效果,一个例子引导主题,我已经看到,并为其他网站太不只是引导。
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);
}

09-30 18:18
查看更多