Question

我有一个非常长的图像，2263 x 8192像素。我想创建一个具有背景（该图像）的网站，其覆盖窗口的宽度，但也具有图像的完整高度，而不会失去响应性。

这个想法是让这个长滚动图像分成不同的/部分部分，具有固定高度。正如具有不同部分的着陆页，但我想要一个长图像，而不是每个部分有不同的背景。

有什么想法吗？

Answer 1

margin-top:0;
margin-left:0;
margin-right:0;
width:100%;

Answer 2

body {
    width: 100%;
    height: 100%;
    background: url('http://i.imgur.com/WfkIpCq.jpg') no-repeat;
    background-size: cover; 
    color: #fff;
}

JSFiddle https://jsfiddle.net/f1zu318n/

与长的高度图象的敏感背景

2 个答案: