文章标签

由 Manuel Matuzović 的一篇帖子 提供，该帖子是来自 Temani Afif 的演示。

.wrapper {
  margin-inline: max(0px, ((100% - 64rem) / 2)); 
}

阅读 Manuel 对 ... 的分解，你会发现它很有帮助。

我喜欢 Andy 的想法

.wrapper {
  width: clamp(16rem, 90vw, 70rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

通常我会在那里设置一个 max-width，但正如 Andy 所说

这在中等尺寸的视口中会成为一个小问题，例如