html - 为页面的主容器提供最大宽度

Question

为 html 元素提供最大宽度会限制其在更大屏幕中的宽度。但是也可以使宽度与屏幕尺寸成比例，例如“95%”。

现在，为页面的主容器提供最大宽度是否更有利？为什么 ？

Answer 1

即使 width 属性设置为更宽，应用了 max-width 的元素也永远不会比指定的值更宽。但是，这个规则有一个例外：如果 min-width 指定的值大于 max-width 的值，则容器的宽度将是最大值，在这种情况下，这意味着 min-width 值将是应用的一个。

max-width 通常与 min-width 结合使用以产生相关元素的宽度范围。

如果块的内容需要的水平空间超过已设置的限制所允许的水平空间，则行为由溢出属性定义。

此样式规则为元素 ID 为“main-container”的主容器分配最大宽度为 800 像素和最小宽度为 200 像素：

#main-container {
max-width: 800px;
min-width: 200px;
}