javascript - 如何限制浏览器的最小可调整大小宽度？

Question

在附图中，我比较了我的网站和 GitHub 的最小可调整宽度。我怎样才能像 GitHub 那样强制我的网站具有强制最小宽度？

我已经尝试将此代码合并到页面的相应 CSS 文件中:

body {
    min-width: 600px; 
    width: auto !important;
    width: 600px; 
}

不幸的是，没有区别，我的浏览器仍然可以调整到小于 600px 限制。

编辑:目前的答案仍然不走运。

Answer 1

在chrome中到devtools，然后点击下面的图标:

然后您可以点击响应式，然后您可以将浏览器调整为任何您想要的大小。

此代码将限制用户调整大小:

var size = [window.width,window.height];  //public variable

$(window).resize(function(){
    window.resizeTo(size[0],size[1]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

它在此代码段中不起作用，因为该代码段位于 Iframe 中。但是应该在您的应用程序中工作，这包括 JQuery。