在 CSS 中，当我们以“vw”为单位时，为什么需要“max-width”属性？例如：“max-width: 80vw”与“width: 80vw”不一样吗？

Question

一般来说，如果我们为任何元素分配宽度，这两个属性（“max-width：80vw”和“width：80vw”）的行为不会相同吗？如果可以简单地使用 'vw' 作为定义单位来解决相同的问题，那么“max-width”属性的可能用例是什么。

我正在尝试理解基本概念。希望有人能解释一下。

Answer 1

width 属性决定元素的显式宽度；例如， width: 80vw 表示该元素将占据视口（浏览器窗口中网页的可见区域）宽度的 80%。但是， max-width 限制了元素可以具有的最大宽度。例如，max-width: 80vw确保元素永远不会超过视口宽度的80%，从而允许在该范围内响应。”