同时声明width和max-width与只声明一个有区别吗？
正如我所理解的，当调整视口大小时，仅使用max-width属性会使元素的所有内容动态适应。
考虑下面的笔，可以随意调整窗口大小，看看会发生什么：https://codepen.io/harrison-rood/pen/KKzPQMW
第一个例子是一个显式宽度为800px的图像。
第二个是最大宽度为800px，但宽度为100%的图像。
看看一个是如何反应的，而另一个不是？在第一个例子中，我们告诉图像它需要精确到800px。在第二个例子中，我们说图像应该是100%的流体，但无论如何都不能大于800px。
你也可以反过来使用这个想法。第三个例子的图像宽度为auto(尽可能大(，但最大宽度为100%，这意味着它将与容器一样大，但不会溢出
第四个示例显示了在没有最大宽度的情况下会发生什么。看到图像是如何延伸到容器之外的，因为它要大得多吗？
希望这能澄清一切！如果是，一定要留下赞成票！
这是因为屏幕分辨率可能不同。假设你有一个宽度为15%的元素，如果你增加窗口宽度，15%的像素会变大。您可以设置最大宽度，以防止其超过某个像素宽度。
顾名思义，使用max-width意味着，当容器包含的内容超过其容纳量时，其宽度不会超过指定的max-width。
max-width专门用于在容器包含的内容超过其容纳量时防止容器的宽度增加——相反，当指定max-width时，内容将溢出容器。