浏览器窗口的最小宽度

Question

我正在尝试为页面设置最小宽度，以便当我调整浏览器窗口的大小时，它应停止在最小宽度值处。 但是我无法工作。

我尝试了以下方法，但我仍然可以缩小该范围。 有人有解决方案吗？

body { min-width: 290px; }

更新：所以我认为我想要的东西我需要使用一些JavaScript。 CSS将仅应用元素，而不应用窗口。 我明白了。 同样让我感到困惑的是，在调整窗口大小时（在我的示例中将其缩小），实际的窗口宽度由当前打开的选项卡确定。 窗口只会缩小得很少，以至于每个选项卡仍然可以单击。 （如果您打开了很多标签，例如> 10左右）。

Answer 1

为什么不？ 在下面的代码中查看：要查看块，我添加了200px的高度

HTML：

<html>
    <body>
    </body> 
</html>

CSS：

html {
  background-color: white;
}
body {
  height: 200px;
  min-width: 290px;
  background-color: gray;
}

交互式尝试： https : //codepen.io/artysimple/pen/mBxeNK?editors=1100

我想将主要内容放在您的网站上，我建议您为此使用全局类容器 。

Answer 2

您不能通过将min-width应用于body或任何其他html元素来停止窗口调整大小，只能使用JavaScript来做到这一点。

浏览器窗口的最小宽度

问题描述

2 个解决方案

解决方案1
0 2017-10-08 10:25:10

解决方案2
-1 2017-10-08 09:52:52

浏览器窗口的最小宽度

问题描述

2 个解决方案

解决方案1 0 2017-10-08 10:25:10

解决方案2 -1 2017-10-08 09:52:52

解决方案1
0 2017-10-08 10:25:10

解决方案2
-1 2017-10-08 09:52:52