为 html 元素提供最大宽度限制了它在更大屏幕上的宽度。但是也可以使宽度与屏幕尺寸成比例,例如“95%”。
现在,将 max-width 赋予页面的主容器是否更有利?为什么?
最佳答案
应用了 max-width 的元素永远不会比指定的值宽,即使 width 属性设置得更宽。但是,此规则有一个异常(exception):如果 min-width 指定的值大于 max-width 的值,则容器的宽度将是最大值,在这种情况下意味着 min-width 值将是一个已应用。
max-width 通常与 min-width 结合使用以产生相关元素的宽度范围。
如果 block 的内容需要比已设置的限制所允许的更多的水平空间,则行为由溢出属性定义。
此样式规则将 800 像素的最大宽度和 200 像素的最小宽度分配给 ID 为“main-container”的元素的主容器:
#main-container {
max-width: 800px;
min-width: 200px;
}
关于html - 为页面的主容器提供最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19311730/