Flixable Div高度和宽度

Question

我有一个div ，我希望它是全屏幕，当我最小化时我需要自动显示div的滚动，并且身体概述将始终隐藏，所以我需要的是在高屏幕分辨率上使这个div全屏低分辨率div的滚动而不是身体显示（ overflow-x和overflow-y ）

Answer 1

All you are talking about is responsive web design.

For the below HTML division:

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

Using media queries, you can do this easily. First add the below line to your head:

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

For high resolution add the below code to css:

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

Then for low resolution add the below code to css:

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

Responsive Web Design Guidelines and Tutorials

Hope this will helps you.

Cheers!!!