在哪种情况下我应该同时使用 "width" in % 和 max-width 值?

In which scenario should I use both "width" in % and max-width value?

参考Are you using the right CSS units?

我不完全理解何时同时使用 width(以 % 表示)和 max-width

为什么我们应该使用 % 作为 width

答案很简单,如果你需要固定大小的东西使用像素,如果你需要像导航栏这样动态的东西,使用 %。假设您希望导航栏内容宽度为主体宽度的 80%。它现在将在任何屏幕尺寸上保持相同的比例。

换句话说,使用 % 使元素的大小基于其父元素,并使用像素使元素具有固定大小

如果这没有意义,我建议您查看教程或自行试验