Javascript 如何限制浏览器的最小可调整宽度?
在所附的图片中,我比较了我的网站和GitHub的最小可调整宽度。我如何强制我的网站有一个像GitHub一样的强制最小宽度 我已经尝试将此代码合并到页面的相应CSS文件中: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中,单击以下图标: 然后,您可以单击
body {
min-width: 600px;
width: auto !important;
width: 600px;
}
不幸的是,没有区别,我的浏览器的大小仍然可以小于600px
限制
编辑:对当前答案仍然不满意。在chrome to devtools中,单击以下图标: 然后,您可以单击responsive,并根据需要调整浏览器的大小 此代码将限制用户调整大小:
var size=[window.width,window.height]//公共变量
$(窗口)。调整大小(函数(){
窗口大小(大小[0],大小[1]);
});代码>
这个!重要的宽度样式是使下面的宽度样式成为多余的,因此它可能根本不存在。
注意:如果内容大于最小宽度,则“最小宽度”属性无效。这绝对是一个非常有用的工具,谢谢。但是,我想防止用户在浏览我的网站时调整浏览器的宽度超过某一点。这有什么意义吗?例如,在GitHub网站上,如果要水平调整网站大小(缩小宽度),则无法在某个点之后进行调整。但是,在我的网站上,您可以几乎无限期地缩小它。