Html 保持响应性设计，同时提供最小宽度

我正在尝试创建一个响应性强的网页，我已经正确地完成了大部分部分，但在某些方面遇到了问题

更改浏览器窗口的大小时，我想停止调整内容的大小。 为此，我使用了

minwidth

问题是，当我看到ex:iPad的响应式布局时，该布局被限制为我设置的

min width

。如果没有

最小宽度

，我的响应式设计工作正常

如何在调整浏览器大小时停止调整内容大小，但保持ipad或其他选项卡的正确布局

Facebook做得很对

我的css

.body_clr {

    overflow-y: scroll;
    width: 100%;
    height: 100%;
    min-width: 1129px;
    position: fixed;
    background-color: #ECF0F1;
    font-family: "Gill Sans MT";

}

.container_body {

    width: 1130px;
    margin: 0 auto;

}

@media screen and (max-width: 1139px) {

    .container_body {

        width: 100%;
        margin: 0 auto;

    }

    .body_clr {

        overflow-x: auto;
        width: 100%;
        position: fixed;

    }
}

Html

如果您对HTML和CSS不严格，请尝试使用此jQuery可能有助于使用max width属性。最大宽度：100%

   <div className="body_clr">

            <div className="container_body">

                            <div className="Left">

                                <LeftNav/>

                            </div>

                            <div className="Left">

                                <MiddleNav/>

                            </div>

                            <div className="Left">

                                <RightNav/>

                            </div>
            </div>
</div>

$( document ).ready(function() {
    if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)){
        $('.body_clr').css('min-width','100%');
    }
    else {
        $('.body_clr').css('min-width','1129px');
    }
});