Question

我正在寻找一种方法来创建一个带有全屏图像的登陆页面（在div中，我是persume）。但是，这个登陆页面/ div应该是“可滚动的”。我认为棘手的部分是在每个设备上使这个div全屏。

我找到了两个网站，都有一个类似于我打算做的着陆页： http://sailingcollective.com/ http://ironsummitmedia.github.io/startbootstrap-stylish-portfolio/

你有什么方法可以做到这一点吗？谢谢:)）

拉塞

Answer 1

只需使用高度：100vh（视口单元）

.divimage{
width: 100%;
height: 100vh;
box-sizing: border-box;
}

Answer 2

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

适用于：

Safari 3+
Chrome Whatever +
IE 9+
Opera 10+（Opera 9.5支持背景大小但不支持关键字）
Firefox 3.6+（Firefox 4支持非供应商前缀版本）

着陆页面全屏图像？

2 个答案: