我想使用这样的响应式背景（http://www.montere.it/?lang=en）为我的网站制作一个登录页面。在该示例网站中，当屏幕较小时，图像会自动缩放到中心，这就是我想要的。目前，我有这些代码，但无法正常工作。
body {
height: 100%;
background-image: url(bg.jpg);
background-size: 100% auto;
}
.title {
text-align: center;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 400px;
height: 100px;
color: white;
text-shadow:
}<body>
<div class="cover-wrapper">
<div class="title">
<h1>Angel Shih Design.</h1>
</div>
</div> <!-- cover-wrapper -->
</body>谢谢！
最佳答案
使用background-size: cover;和absolute位置容器，它可以工作：
.cover-wrapper {
height: 100%;
background-image: url(http://lorempicsum.com/futurama/350/200/1);
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
Fiddle here
关于html - 响应式封面图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37304641/