Direkter Link zum Artikel Verwenden Sie CSS Clamp, um ein flexibleres Wrapper-Utility zu erstellen

Verwenden Sie CSS Clamp, um ein flexibleres Wrapper-Utility zu erstellen

Ich mag Andys Idee hier

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

Normalerweise würde ich hier einfach eine max-width setzen, aber wie Andy sagt

Dies wird zu einem leichten Problem in mittelgroßen Viewports, wie zum Beispiel

Avatar of Chris Coyier
Von Chris Coyier am