我经历过类似的其他线程，但我仍然不太明白。 IMO 我不应该使用除百分比之外的任何东西，因为一切都需要在不同的分辨率下以不同的方式缩放，而这只能用百分比来完成（对吗？）。
编辑：这是一个简单的更具体的问题。我想让我的网站以最简单的方式响应，只使用 CSS 和 HTML。现在好点了吗？
【问题讨论】：
您可以将两者结合使用，例如
main {
width: XXrem;
max-width:100%;
}
因此该元素将在较大的屏幕上具有与字体大小相关的最佳宽度，但如果从 rem 计算的宽度大于视口，则不会触发水平滚动。
另一个例子：
main {
width: 100%;
max-width:1024px;
}
现在您有了一个容器，可以在小屏幕上填充视口，但在大屏幕上固定为 1024 像素。比使用媒体查询设置断点更容易。
您还应该查看viewport based units：vw、vh、vmin、vmax - 这些有点像使用百分比，但1vw 始终是视口宽度的 1%，而不是父容器。您可以将这些单位用于任何东西（如字体大小或边框宽度），而不仅仅是硬币容器。您甚至可以使用vw 来设置字体大小，因此em 和rem 等单位将与视口相关。
【讨论】：
您可以坚持使用任何一种，也可以同时使用两种方法。如果您不想在媒体查询中编写更多 CSS，请使用百分比。如果您使用百分比，元素大小将自动响应。如果您可以处理媒体查询，您也可以使用任何 px、em 或 rem。
【讨论】：