max-width应该覆盖宽度，但不是

Question

我已经检查了多个网站上的文档，他们都同意max-width应该覆盖CSS中的width。不过，出于某种原因，它始终保持在800px。这是我的CSS：

.content{
  width: 800px;
  max-width: 100%;
}

这应该使它保持800px宽，除非窗口变小，然后缩小它，对吧？我也尝试过另一种方式：

.content{
  width: 100%;
  max-width: 800px;
}

这给了我相同的结果。无论如何，它总是800px。我曾想过使用min()，但事实证明这是从CSS中删除的（虽然为什么，我不知道）。有谁知道我做错了什么？

我应该指出，我已在我的标题中加入了<meta name="viewport" content="width=device-width, initial-scale=1.0">。这没有效果。

Answer 1

你必须知道设备宽度可能大于800px，如果ti大于800px，那么你的最大宽度：100％将无法工作，除非800px之外的其他更宽的dom分散了包装。< / p>