Question

我想拥有一个响应式屏幕高度背景图片，如本网站http://www.flavorplate.com/所示。我在google和github上研究过这种技术，但却找不到任何东西。

Answer 1

基本上你可以这样做：

html { 
height:100%;
}

body {
height: 100%; 
}

.bg-image {
background: url(../img/background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

height: 100%; 
}


.content-wrap {
heigth: auto; 
min-height: 600px; 

}

def props = new File("properties.text")
if (props.text == 'foo=bar') {
    props.text = 'foo=baz'
} else {
    props.text = 'foo=bar'
}

对于背景图片的条件加载，您必须使用媒体查询或/和javascript或这样的插件：https://github.com/M6Web/picturefill-background

Answer 2

嗯，这非常容易，试试这个：

python test.py

你想要一些更全面的想法吗？!!看一下这个;

Background Full

如何拥有屏幕高度背景图像

2 个答案: