Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何限制浏览器的最小可调整宽度?_Javascript_Html_Css_Bootstrap 4 - Fatal编程技术网

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

Javascript 如何限制浏览器的最小可调整宽度?,javascript,html,css,bootstrap-4,Javascript,Html,Css,Bootstrap 4,在所附的图片中,我比较了我的网站和GitHub的最小可调整宽度。我如何强制我的网站有一个像GitHub一样的强制最小宽度 我已经尝试将此代码合并到页面的相应CSS文件中: body { min-width: 600px; width: auto !important; width: 600px; } 不幸的是,没有区别,我的浏览器的大小仍然可以小于600px限制 编辑:对当前答案仍然不满意。在chrome to devtools中,单击以下图标: 然后,您可以单击

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

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

body {
    min-width: 600px; 
    width: auto !important;
    width: 600px; 
}
不幸的是,没有区别,我的浏览器的大小仍然可以小于
600px
限制


编辑:对当前答案仍然不满意。

在chrome to devtools中,单击以下图标:

然后,您可以单击responsive,并根据需要调整浏览器的大小

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

var size=[window.width,window.height]//公共变量
$(窗口)。调整大小(函数(){
窗口大小(大小[0],大小[1]);
});

这个!重要的宽度样式是使下面的宽度样式成为多余的,因此它可能根本不存在。
注意:如果内容大于最小宽度,则“最小宽度”属性无效。

这绝对是一个非常有用的工具,谢谢。但是,我想防止用户在浏览我的网站时调整浏览器的宽度超过某一点。这有什么意义吗?例如,在GitHub网站上,如果要水平调整网站大小(缩小宽度),则无法在某个点之后进行调整。但是,在我的网站上,您可以几乎无限期地缩小它。