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

Question

在附加的图片中，我正在比较我的网站和GitHub的最小可调整宽度。如何强制我的网站像GitHub一样具有强制性的最小宽度？

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

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

很遗憾，没有区别，我的浏览器仍然可以缩小到小于600px的限制。

编辑：当前答案仍然没有帮助。

- Nate

---

<meta name="viewport" content="min-width=600, initial-scale=1, maximum-scale=1, user-scalable=no" /> - num8er

Answer 1

在Chrome中打开开发者工具，然后点击以下图标：

那里你可以点击“响应式”，并且可以自由调整浏览器的大小。

这段代码将防止用户进行浏览器大小的调整：

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。

- Willem van der Veen

---

这绝对是一个非常有用的工具，谢谢。但是我想防止用户在浏览我的网站时调整浏览器宽度超过某个点。这有意义吗？例如，在 GitHub 网站上，如果您水平调整网站大小（缩小宽度），则在某个点之后将无法再次调整。然而，在我的网站上，您几乎可以无限制地缩小它。 - Nate

Answer 2

!important的宽度样式使以下宽度样式变得多余，因此可以将其完全删除。 注意：如果内容大于最小宽度，则min-width属性无效。

- Matt