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

【问题标题】：show horizontal browser scrollbar at some browser width在某个浏览器宽度处显示水平浏览器滚动条
【发布时间】：2017-03-22 04:19:22
【问题描述】：

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

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

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

【问题讨论】：

标签： html css

【解决方案1】：

您要查找的内容确实类似于 media queries

所以你必须做类似的事情

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

【讨论】：

【解决方案2】：

添加溢出-x:auto:

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

}

【讨论】：