在某个浏览器宽度显示水平浏览器滚动条

Question

我在屏幕上有一些最小宽度为1200px的内容。我动态调整大小但是在1200px以下内容毫无意义，所以如果浏览器窗口的宽度小于1200px，我希望有一个水平浏览器滚动条。我怎样才能做到这一点？我的第一个想法是使用最小宽度，但这似乎不起作用。

<div id="main-wrapper"></div>

<style>
#main-wrapper{
    min-width:1200px;}
</style>

Answer 1

您正在寻找的内容看起来像media queries

所以你必须做类似

的事情

@media(max-width: 1200px){
    #main-wrapper {
        //do something
    }
}

Answer 2

添加overflow-x：auto：

#main-wrapper {
min-width:1200px;
overflow-x:auto;

}

mul