灵活的Div高度和宽度

时间:2012-10-08 11:21:43

标签: jquery html css

我有一个div,我希望它是全屏的,当我最小化时,我需要div它自动显示的滚动,并且身体概览将始终隐藏,所以我需要的是要在高分辨率和低分辨率下制作此div全屏,div而不是正文显示(overflow-xoverflow-y

的滚动

1 个答案:

答案 0 :(得分:0)

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

enter image description here

对于以下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

希望这会对你有所帮助。

干杯!!!