最小宽度的浏览器窗口

问题描述：

我想设置一个最小宽度到我的页面，以便当我调整浏览器窗口时，它应该停在最小宽度值。但我无法去工作。最小宽度的浏览器窗口

我尝试了以下方法，但我仍然可以使它更小。任何人都有解决方案？

body { min-width: 290px; }

UPDATE： 所以我觉得有什么，我想我会需要使用一些JavaScript。 CSS只会应用元素，而不应用于窗口。我明白了。此外，我经历并困惑的是，在调整窗口大小（在我的示例中使其更小）时，实际窗口宽度由当前打开的选项卡确定。窗口只会收缩很少，每个标签仍然可以点击。（如果你有很多标签打开，比如> 10左右）。

可能重复的[窗口大小调整中的最小宽度]（https://*.com/questions/3802455/min-width-in-window- resizing） –

答

你不能阻止窗口通过应用最小宽度到身体或其他任何HTML元素来调整你只能做的是使用JavaScript

答

为什么不呢？看看在下面的代码：要见我添加的高度块200像素

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

我想要ce在您的网站上的主要内容我建议您使用全球级容器为此。

最小宽度的浏览器窗口

相关推荐