在 Wordpress 页面中制作 #content 标签的宽度和高度为 100%，背景图像调整为浏览器大小

Question

我在Wordpress中创建了一个页面。 我需要 #content 为 100% 的宽度和高度，背景图像会随着浏览器窗口的变化而调整大小。

有什么建议如何实现这一目标吗？

埃里克

Answer 1

在样式表中：

#content {
    width:100%;
    height:100%;
    background:url(path_to_your_image.png) no-repeat top center;
    background-size:100% 100%;
}

高度工作可能很棘手。您也可以添加到样式表文件中...

html {
    height:100%;
}

或者如果这不行，请尝试这个...

body, html {
    height:100%;
}

..希望它不会引起任何其他问题。