3

我有一个div应该有一个最大高度和一个首选高度。在下面发布的示例中，我#test的背景为黑色，最大高度为800px. 当浏览器视口有足够的可用空间时，它应该占用800px. 如果可用空间较少（即移动设备），则应使用最大数量的可用空间。最好仅使用 CSS 来实现这一点？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Prototype</title>
        <style>
            body, html {
                margin: 0;
                height: 100%;
                width: 100%;
            }

            #test {
                background-color: black;
                background-position: center;
                background-repeat: no-repeat;
                max-height: 600px;
                max-width: 800px;
            }
        </style>
    </head>
    <body>
        <div id="test"></div>
    </body>
</html>
4

1 回答 1

4

还包括以下属性#test：

height: 100%;
width: 100%;

小提琴链接在这里：http: //jsfiddle.net/Nx5Zb/

嵌入整页结果：http: //jsfiddle.net/Nx5Zb/embedded/result/

于 2013-04-19T11:34:50.013 回答