jquery - 可调整的 Div 高度和宽度

Question

我有一个div并且我希望它是全屏的，当最小化时我需要滚动以进行div自我显示，并且身体概述将始终被隐藏，所以我需要div在高屏幕分辨率和低分辨率下制作这个全屏div非正文显示的滚动（overflow-x和overflow-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;
    }
}

响应式网页设计指南和教程

希望这会帮助你。

干杯！！！