Html 图像赢得'；t垂直拉伸到浏览器大小_Html_Css_Stretch

Html 图像赢得'；t垂直拉伸到浏览器大小

html css

Html 图像赢得'；t垂直拉伸到浏览器大小,html,css,stretch,Html,Css,Stretch,当用户第一次访问网站时，我试图将一个大背景图像拉伸到浏览器窗口的大小。从这里，他们向下浏览站点的其余部分，但无论浏览器窗口大小如何，如果不滚动，您都看不到它（这是一个很好的例子）我使用下面的代码，当它水平拉伸时，它不会垂直拉伸超过最小高度。有什么想法吗 HTML <body> <section id="first-section"> </section> </body> 可能你也可以写高度：100% #first-section { b

当用户第一次访问网站时，我试图将一个大背景图像拉伸到浏览器窗口的大小。从这里，他们向下浏览站点的其余部分，但无论浏览器窗口大小如何，如果不滚动，您都看不到它（这是一个很好的例子）

我使用下面的代码，当它水平拉伸时，它不会垂直拉伸超过最小高度。有什么想法吗

HTML

<body>
<section id="first-section">
</section>
</body>

可能你也可以写高度：100%

#first-section {
    background: url(1.jpg) no-repeat center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 1024px;
    min-height: 768px;
    height:100%;
    }

我建议在发布此类问题之前先创建一个JSFIDLE示例：一个示例Thank Thank Thank Thank Thank Thank Thank:）这次有效，以前无效。也许我删除了一些影响它的东西哈哈。谢谢：）

#first-section {
    background: url(1.jpg) no-repeat center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 1024px;
    min-height: 768px;
    height:100%;
    }