max-width的功能是什么？

Question

在下面的代码中，我无法理解max-width的功能？我的教师写道：“它设置max-width:1170px，因为当你用最大宽度添加左右填充时，你获得1200px，这是我们的大型设备断点。“我希望你能回复我。谢谢你提前

Answer 1

max-width属性定义元素的最大宽度。这意味着如果宽度是动态计算的，它将永远不会超过max-width值，但它可以是任何更小的值。

在您的教师示例中，max-width +旁边padding将累加到屏幕宽度。这确保了元素的最大宽度不会超过屏幕的宽度。

希望有所帮助。

Answer 2

最大宽度

CSS中的max-width属性用于设置指定元素的最大宽度。 max-width属性会覆盖width属性，但min-width将始终覆盖max-width在声明中宽度之前或之后

在这种情况下使用max-width而不是width将改善浏览器对小窗口的处理。

在使网站在移动设备上可用时，这一点非常重要。

顺便说一句，所有主流浏览器都支持max-width，包括IE7 +，所以你不应该害怕使用它。