jquery - 灵活的 Div 高度和宽度

Question

我有一个 div，我希望它是全屏的，当最小化时，我需要为 div 滚动，它会自动显示并且 body 概览将始终被隐藏，所以我需要的是让这个 div 在高分辨率屏幕上全屏显示，在低分辨率下滚动 div 而不是正文显示(overflow-x 和 溢出-y)

Answer 1

您所说的只是响应式网页设计。

对于下面的 HTML 部分:

<div id="container">
<!-- contents goes here -->
</div>

使用媒体查询，您可以轻松做到这一点。首先将以下行添加到您的头部:

<meta name="viewport" content="width=device-width; initial-scale=1.0">

对于高分辨率，将以下代码添加到 css:

@media screen and (max-width: 1280px) {
    #container {
        width: 1200px;
    }
}

然后对于低分辨率，将以下代码添加到 css:

@media screen and (max-width: 800px) {
    #container {
        width: 750px;
    }
}

Responsive Web Design Guidelines and Tutorials

希望对您有所帮助。

干杯!!!