如何限制浏览器的最小可调整宽度?

Nat*_*ate 6 html javascript css bootstrap-4

我的网站的最小宽度与 GitHub 的

在附图中,我比较了我的网站和 GitHub 的最小可调整大小的宽度。如何强制我的网站像 GitHub 一样具有强制最小宽度?

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

body {
    min-width: 600px; 
    width: auto !important;
    width: 600px; 
}
Run Code Online (Sandbox Code Playgroud)

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

编辑:目前的答案仍然没有运气。

Wil*_*een 1

在 chrome 中转到 devtools,然后单击以下图标:

在此输入图像描述

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

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

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

$(window).resize(function(){
    window.resizeTo(size[0],size[1]);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

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