Hier kommen ‚rem‘ und ‚em‘ ins Spiel.
Sie sind flexibel und passen sich an verschiedene Bildschirmgrößen an.
Viele Entwickler sind jedoch unsicher bei diesen Einheiten.
In diesem Leitfaden klären wir die Debatte ‚rem‘ vs ‚em‘ auf.
Sie lernen, wie man sie verwendet, um Websites zu erstellen, die auf allen Geräten gut funktionieren.

CSS-Einheiten: Die Bausteine des Webdesigns

CSS-Einheiten sind entscheidend für Webdesign.
They set the size and place of every part of your page.
Think of them as digital rulers, making sure your headings, text, images, and buttons fit together well.
CSS units come in different types, each with its own uses.

Die hauptsächlichen Arten von CSS-Einheiten sind fest und flexibel.

  • Feste Einheiten, wie Pixel (px), ändern ihre Größe nicht.
    Ein Pixel ist immer ein Punkt auf Ihrem Bildschirm.
    Das macht sie einfach zu verwenden, aber sie können Probleme beim responsiven Design verursachen.
    Websites müssen sowohl auf großen als auch auf kleinen Bildschirmen gut aussehen.
    Nur feste Einheiten zu verwenden, ist wie ein Haus mit starren Wänden zu bauen – es wird Veränderungen nicht gut verkraften.
  • Flexible Einheiten ändern ihre Größe basierend auf anderen Faktoren, wie der Bildschirmgröße.
    Sie dehnen sich aus und schrumpfen, um auf verschiedene Geräte zu passen, was sie ideal für responsives Design macht.

Es gibt auch 4 CSS-Einheiten zur Auswahl:

  • Pixel (px): Feste Größe, gut für genaue Kontrolle
  • Prozentangaben (%): Flexibel, oft für Breiten und Höhen verwendet
  • Viewport-Einheiten (vw, vh): Größe basierend auf dem Browserfenster
  • ‚rem‘ und ‚em‘: Flexible Einheiten, auf die wir in diesem Leitfaden eingehen

Die richtige CSS-Einheit auszuwählen ist mehr als nur eine Frage des Aussehens.
Es beeinflusst, wie einfach Ihre Website zu nutzen und zu aktualisieren ist.
Stellen Sie sich vor, der Text ist auf einem Telefon zu klein zum Lesen oder das Layout ist auf einem Tablet unordentlich.
Diese Probleme können Nutzer vertreiben.
Indem Sie die Vor- und Nachteile jeder Einheit kennen, können Sie Websites erstellen, die für alle gut funktionieren.

Was ist ‚rem.‚

‚rem‘ ist eine flexible CSS-Einheit, die viele Webentwickler mögen.
Schauen wir uns an, wie sie funktioniert und warum sie nützlich ist.

‚rem‘ steht für „root em“.
Die Schriftgröße wird durch das Root-Element Ihrer Webseite bestimmt, das normalerweise das <html>-Element ist.
So funktioniert es:

  • Wenn die Root-Schriftgröße 16px beträgt (üblich in den meisten Browsern), entspricht 1rem 16px
  • Wenn Sie die Root-Schriftgröße auf 20px ändern, entspricht 1rem dann 20px

Diese Verbindung zwischen ‚rem‘ und der Root-Schriftgröße macht es ideal für skalierbare Designs.

Stellen Sie sich Ihre Webseite als ein Gebäude vor.
Das Root-Element ist das Fundament, und alle anderen Elemente sind Blöcke darauf.
Wenn Sie ‚rem‘ verwenden, um etwas zu dimensionieren, sagen Sie: „Machen Sie diesen Block X-mal größer oder kleiner als das Fundament.“

Zum Beispiel:

  1. Setzen Sie die Root-Schriftgröße auf 16px
  2. Machen Sie eine Überschrift 2rem
  3. Die Überschrift wird 32px groß sein (2 * 16px)
  4. Wenn Sie die Root-Schriftgröße auf 20px ändern, wird die Überschrift 40px groß (2 * 20px)

Diese Skalierung ist großartig für responsives Design.
Indem Sie die Root-Schriftgröße für verschiedene Bildschirmgrößen ändern, können Sie Ihr gesamtes Layout leicht anpassen.

Vorteile der Verwendung von ‚rem‘

Die Verwendung von ‚rem‘ hat mehrere Vorteile:

  1. Einfache Skalierung: Möchten Sie alle Schriftgrößen auf einmal ändern?
    Aktualisieren Sie einfach die Root-Schriftgröße.
    Alles, was ‚rem‘ verwendet, wird entsprechend skaliert.
  2. Einfacher zu pflegen: ‚rem‘ macht Ihren CSS-Code sauberer und leichter verständlich.
    Das hilft, wenn Sie mit anderen zusammenarbeiten oder später zu Ihrem Projekt zurückkehren.
  3. Vorhersehbarer: Im Gegensatz zu ‚em‘, das auf der Schriftgröße des übergeordneten Elements basiert, bezieht sich ‚rem‘ immer auf das Root-Element.
    Das macht es einfacher, vorherzusagen, wie Dinge aussehen werden.

Wann man ‚rem‘ verwenden sollte

‚rem‘ ist in vielen Situationen nützlich:

  1. Schriftgrößen

Ideal, um Text zu erstellen, der auf jedem Gerät leicht zu lesen ist.
Diese Einstellung ermöglicht es Benutzern, hinein- oder herauszuzoomen, und die Textgrößen bleiben proportional.
Zum Beispiel:

css

				
					html {
  font-size: 16px; /* Base size */
}

h1 {
  font-size: 2rem; /* 32px */
}

p {
  font-size: 1.2rem; /* 19.2px */
}
  1. Elementgrößen

Verwenden Sie ‚rem‘ für Breiten, Höhen, Ränder und Abstände.
Dies hält Ihr Layout ausgeglichen, wenn sich die Bildschirmgrößen ändern.

  1. Gesamtlayout

Verwenden Sie ‚rem‘, um Containerbreiten und Abstände zwischen Abschnitten festzulegen.
Dies hilft Ihrer gesamten Seite, sich reibungslos an verschiedene Bildschirme anzupassen.

Durch die Verwendung von ‚rem‘ können Sie Websites erstellen, die auf allen Arten von Geräten gut aussehen und gut funktionieren.

Was ist ‚em.‚

Während ‚rem‘ eine solide Basis für skalierbares Webdesign bietet, bietet ‚em‘ eine andere Möglichkeit, Elemente basierend auf ihrer Umgebung zu dimensionieren. Schauen wir uns an, wie ‚em‘ funktioniert und wo es glänzt.

‚em‘ hat seinen Namen von der Breite des Buchstabens ‚M‘ im traditionellen Druck.
Im Gegensatz zu ‚rem‘, das immer auf die Schriftgröße des Root-Elements schaut, nimmt ‚em‘ seine Größe vom übergeordneten Element.
Das bedeutet:

  • Wenn die Schriftgröße eines übergeordneten Elements 16 Pixel beträgt, wird 1em seines Kindes ebenfalls 16 Pixel betragen.
  • Wenn sich die Schriftgröße des übergeordneten Elements ändert, ändern sich auch die ‚em‘-Werte des Kindes.

Diese Skalierungsmethode macht ‚em‘ großartig für die Erstellung von Teilen einer Webseite, die sich anpassen, um überall zu passen, wo Sie sie platzieren.

Denken Sie an ‚em‘ wie an einen Familienstammbaum der Größen. Jedes Element gibt seine Schriftgröße an seine Kinder weiter, die dann diese Größe verwenden, um ihre eigenen ‚em‘-Messungen zu berechnen. Dies kann einen Dominoeffekt verursachen, bei dem die Änderung der Schriftgröße eines Elements alle seine Nachkommen beeinflusst.

Schauen wir uns ein Beispiel an:

css

				
					.container {
  font-size: 16px;
}

.container h2 {
  font-size: 2em; /* 32px */
}

.container p {
  font-size: 1.2em; /* 19.2px */
}

  1. In diesem Fall:

    • Die <h2> und <p> Elemente erhalten ihre Größe von der .container.
    • Das <h2> wird doppelt so groß sein wie die Schriftgröße des Containers (32px).
    • Das <p> wird 1,2-mal größer sein (19,2px).

    Wenn wir die Schriftgröße des .container auf 20px ändern, werden sich das <h2> und <p> automatisch auf 40px und 24px anpassen.

    Dieses Verhalten kann sowohl hilfreich als auch knifflig sein. Es ermöglicht ein flexibles Design, kann aber auch zu Überraschungen führen, wenn Sie vorsichtiger sein müssen, insbesondere bei komplexen Layouts.

    Vorteile der Verwendung von ‚em‘

    1. Passt sich seiner Umgebung an

    ‚em‘ glänzt durch seine Fähigkeit, die Größe basierend auf seinem Elternelement zu ändern. Dies ist äußerst nützlich, wenn Sie Teile Ihrer Website erstellen möchten, die an verschiedenen Stellen mit jeweils eigener Schriftgröße passen.

    Stellen Sie sich zum Beispiel einen Button vor, den Sie sowohl in Ihrem Hauptmenü als auch in Ihrer Seitenleiste verwenden möchten. Das Menü könnte größere Schrift haben als die Seitenleiste, daher möchten Sie, dass der Button seine Größe anpasst, um zu passen. Durch die Verwendung von ‚em‘ für das Padding, die Schriftgröße und andere Maße des Buttons stellen Sie sicher, dass er gut aussieht, egal wo Sie ihn platzieren.

    1. Großartig für Bausteine

    ‚em‘ funktioniert gut mit modularen Designs, bei denen Sie Ihre Website in wiederverwendbare Teile zerlegen. Wenn Sie Elemente innerhalb einer Komponente mit ‚em‘ dimensionieren, erstellen Sie eine eigenständige Einheit, die sich basierend auf ihrer eigenen Schriftgröße skaliert. Dies macht es einfach, die Komponente in verschiedenen Teilen Ihrer Website zu verwenden, ohne sich Sorgen machen zu müssen, dass sie fehl am Platz aussieht.

    Es ist wie das Bauen mit Blöcken. Jeder Block hat seine eigene Größe, aber sie passen alle zusammen, weil sie auf derselben Messung basieren. Ebenso ermöglicht ‚em‘ Ihnen, CSS-„Blöcke“ zu erstellen, die ihr internes Gleichgewicht beibehalten und gleichzeitig in das größere Bild Ihrer Website passen.

    Dieser Ansatz macht nicht nur Ihren Code wiederverwendbarer und einfacher zu warten, sondern hilft Ihnen auch, effizienter zu arbeiten. Sie können sich darauf konzentrieren, jede Komponente genau richtig zu machen, in dem Wissen, dass sie sich nahtlos in den Rest Ihres Designs einfügen wird.

    Wo man ‚em‘ verwenden sollte

    ‚em‘ ist besonders nützlich in Situationen, in denen Sie Flexibilität innerhalb bestimmter Teile Ihrer Website benötigen.

    1. Dinge im Verhältnis halten

    Eine der Hauptstärken von ‚em‘ ist es, Elemente innerhalb einer Komponente im Verhältnis zueinander zu halten. Dies bedeutet, dass Teile eines Buttons oder eines Menüs zusammen wachsen oder schrumpfen können, wenn sich die Schriftgröße der Komponente ändert. Dies hält alles im Gleichgewicht, egal wo Sie die Komponente auf Ihrer Website verwenden.

    Stellen Sie sich einen Button mit Padding und Schriftgröße in ‚em‘ vor. Wenn Sie diesen Button in einen Container mit größerem Text setzen, wird der Button automatisch größer und behält seine Form und sein Aussehen bei. Dies erspart Ihnen die Anpassung des Stils des Buttons jedes Mal, wenn Sie ihn an einem neuen Ort verwenden.

    1. Harmonie innerhalb von Komponenten schaffen

    ‚em‘ ist auch großartig darin, sicherzustellen, dass verschiedene Teile einer Komponente gut zusammen aussehen. Durch die Verwendung von ‚em‘ für Dinge wie Abstände, Padding und sogar Bildgrößen können Sie sicherstellen, dass sie alle zusammen die Größe ändern, wenn sich die Schriftgröße der Komponente ändert. Dies schafft ein Design, bei dem sich alle Teile der Komponente verbunden und ausgewogen anfühlen.

    Denken Sie zum Beispiel an eine Kartenkomponente mit einem Titel, einem Bild und etwas Text. Wenn Sie die Bildhöhe und die Abstände um die Elemente mit ‚em‘ festlegen, werden sie alle zusammen wachsen oder schrumpfen, wenn sich die Schriftgröße der Karte ändert. Dies hält alles konsistent und verhindert, dass ein Teil zu groß oder zu klein erscheint.

    Schauen wir uns ein praktisches Beispiel an:

    css

				
					.card {
  font-size: 16px;
}

.card h3 {
  font-size: 1.5em; /* 24px */
  margin-bottom: 0.5em; /* 8px */
}

.card img {
  height: 10em; /* 160px */
  margin-bottom: 1em; /* 16px */
}

.card p {
  font-size: 1em; /* 16px */
  line-height: 1.5em; /* 24px */
}

  1. In diesem Code haben wir eine Kartenkomponente mit einer Überschrift, einem Bild und einem Absatz erstellt. Alle Größen und Abstände innerhalb der Karte sind mit ‚em‘ festgelegt, sodass sie sich zusammen ändern, wenn sich die Schriftgröße der Karte ändert. Dies schafft eine Komponente, die gut aussieht und sich an verschiedene Verwendungen auf Ihrer Website anpassen kann.

    Potenzielle Herausforderungen mit ‚em‘

    Während ‚em‘ Flexibilität bietet, ist es wichtig, sich einiger Herausforderungen bewusst zu sein, um Überraschungen in Ihren Layouts zu vermeiden.

    1. Vererbung kann kompliziert werden

    Da ‚em‘ auf Vererbung basiert, kann es manchmal zu unerwarteten Ergebnissen führen, insbesondere in komplexen HTML-Strukturen. Da jedes Element seine Schriftgröße von seinem Elternteil übernimmt, können Änderungen weiter oben überraschende Effekte weiter unten haben.

    Wenn Sie beispielsweise eine Liste in einem Container haben, der ‚em‘ für seine Schriftgröße verwendet, wird durch Ändern der Schriftgröße des Containers auch die Größe der Listenelemente geändert. Dies könnte sie zu groß oder zu klein machen und Layoutprobleme verursachen. Das Beheben von Layoutproblemen kann komplexer sein, da Sie darauf achten müssen, wie Größen durch Ihr HTML weitergegeben werden.

    2. Testen ist der Schlüssel

    Aufgrund der Funktionsweise von ‚em‘ ist es wirklich wichtig, Ihre Layouts gründlich zu testen.
    Sie müssen sicherstellen, dass alles in verschiedenen Situationen und bei Änderungen der Schriftgröße gut aussieht.

    Stellen Sie sicher, dass Sie Ihre Website auf verschiedenen Geräten und mit unterschiedlichen Browser-Zoomstufen überprüfen, um Layoutprobleme zu erkennen.
    Browser-Entwicklertools können sehr hilfreich sein, um Vererbungsketten zu betrachten und die Quelle von ‚em‘-bezogenen Problemen zu finden.
    Indem Sie sorgfältig und proaktiv testen, können Sie frustrierende Überraschungen vermeiden und eine polierte, benutzerfreundliche Website erstellen.

    ‚rem‘ vs. ‚em‘ Vergleich

    Nachdem wir die individuellen Stärken und Eigenheiten von ‚rem‘ und ‚em‘ untersucht haben, lassen Sie uns diese nebeneinander in einem direkten Vergleich gegenüberstellen.
    Dies gibt Ihnen eine bessere Vorstellung davon, wie sie sich unterscheiden und wann Sie welche verwenden sollten.

    Vergleichstabelle

    Funktion

    rem

    em

    Definition

    Relativ zur Schriftgröße des Wurzelelements

    Relativ zur Schriftgröße des Elternelements

    Vererbung

    Erbt nicht

    Erbt vom Elternelement

    Skalierbarkeit

    Hervorragend für die Skalierung der gesamten Website

    Gut für die Skalierung innerhalb von Komponenten

    Wartbarkeit

    Fördert saubereren, besser wartbaren Code

    Dies kann zu komplexen Vererbungsketten führen

    Vorhersehbarkeit

    Hohe Vorhersehbarkeit bei der Elementgröße

    Kann in verschachtelten Strukturen unvorhersehbar sein

    Ideale Anwendungsfälle

    Schriftgrößen, Elementgrößen, allgemeines Layout

    Modulare Skalierung, relative Größen innerhalb von Komponenten

    Vorteile

    Skalierbarkeit, Wartbarkeit, Vorhersehbarkeit

    Kontextuelle Skalierung, Flexibilität innerhalb von Komponenten

    Nachteile

    Potenzielle Probleme mit verschachtelten Elementen, weniger Kontrolle über feinkörnige Anpassungen

    Komplexitäten der Vererbung, potenziell unerwartetes Verhalten

    Die richtige CSS-Einheit auswählen: Worauf Sie achten sollten

    Wenn Sie eine Website erstellen, ist die Wahl der richtigen CSS-Einheit wichtig.
    Hier ist, was Sie berücksichtigen sollten:

    1. Wie groß ist Ihr Projekt?

    Die Größe Ihres Projekts ist wichtig:

    • Große Websites: ‚rem‘ könnte besser funktionieren.
      Es ist einfacher zu skalieren und ordentlich zu halten.
    • Kleine Projekte oder wiederverwendbare Teile: ‚em‘ könnte eine gute Wahl sein.
      Es ist flexibler.
    1. Was ist Ihr Designziel?

    Denken Sie darüber nach, was Sie erreichen möchten:

    • Die gesamte Website sieht zusammen gut aus: ‚rem‘ ist besser.
    • Teile, die überall passen können: ‚em‘ könnte der richtige Weg sein.

    3. Ist Ihre Website für alle einfach zu nutzen?

    Es ist wichtig, dass Ihre Website für alle Benutzer funktioniert:

    • ‚rem‘ ist mit der Hauptschriftgröße verknüpft.
      Dies kann es Benutzern erleichtern, die Schriftgröße zu ändern, ohne das Layout zu stören.
    • ‚em‘ kann auch funktionieren, aber Sie müssen darauf achten, wie sich die Größen innerhalb von Teilen Ihrer Website ändern.

    4. Funktioniert Ihre Website auf allen Geräten?

    Sowohl ‚rem‘ als auch ‚em‘ können gut für Websites funktionieren, die auf allen Bildschirmen gut aussehen.
    Aber:

    • ‚rem‘ ist vorhersehbarer.
      Es bezieht sich immer auf die Hauptschriftgröße.
    • ‚em‘ kann Sie manchmal überraschen, besonders in komplexen Layouts.
      Sie müssen es mehr testen.

    ‚rem‘ und ‚em‘ zusammen verwenden: Beste Ideen

    Sie müssen sich nicht nur für eine entscheiden.
    Die Verwendung von sowohl ‚rem‘ als auch ‚em‘ kann Ihre Website noch besser machen.
    So geht’s:

    1. Beginnen Sie mit ‚rem‘ für die Grundlagen: Legen Sie Ihre Hauptschriftgröße mit ‚rem‘ fest.
      Dies setzt die Grundlage für Ihre gesamte Website.
    2. Verwenden Sie ‚em‘ für Teile, die überall passen müssen: Für Dinge wie Schaltflächen oder Menüs hilft ‚em‘ ihnen, überall zu passen, wo Sie sie platzieren.
    3. Bleiben Sie bei ‚rem‘ für die großen Dinge: Verwenden Sie ‚rem‘ für das Hauptlayout, wie die Breite der Dinge oder den Abstand zwischen den Abschnitten.
      Es hält die Dinge konsistent.
    4. Mischen Sie es für verschachtelte Teile: Wenn Sie Dinge innerhalb anderer Dinge haben, versuchen Sie, beide zu verwenden.
      Verwenden Sie ‚em‘ für Größen innerhalb einer Komponente und ‚rem‘ für alles, was zum Gesamtlayout passen muss.
    5. Probieren Sie verschiedene Dinge aus: Seien Sie mutig und experimentieren Sie.
      Testen Sie verschiedene Mischungen von ‚rem‘ und ‚em‘, um zu sehen, was für Ihre Website am besten funktioniert.

    Durch die Verwendung von ‚rem‘ und ‚em‘ zusammen können Sie Websites erstellen, die auf allen Geräten gut aussehen und gut funktionieren.

    Coole Tricks und Tools

    Wenn Sie besser mit ‚rem‘ und ‚em‘ werden, können Sie einige fortgeschrittene Techniken verwenden:

    1. CSS-Variablen: Ihr Design-Kontrollzentrum

    CSS-Variablen ermöglichen es Ihnen, häufig verwendete Werte zu speichern.
    Dies macht es viel einfacher, Ihr Design zu ändern.

    So funktioniert es:

    css

				
					:root {
  --main-font-size: 16px;
}

body {
  font-size: var(--main-font-size);
}

h1 {
  font-size: calc(2 * var(--main-font-size));
}

  1. In diesem Beispiel setzen wir eine Hauptschriftgröße und verwenden sie für den Fließtext und zur Berechnung der Überschriftengröße.
    Wenn wir später die Größe ändern möchten, ändern wir einfach die Variable einmal, und alles wird aktualisiert!

    2. Die calc()-Funktion: Mathematik in Ihrem CSS

    Die calc()-Funktion ermöglicht es Ihnen, direkt in Ihrem CSS Mathematik zu betreiben.
    Dies gibt Ihnen mehr Kontrolle über Ihr Layout.

    Zum Beispiel könnten Sie die Breite einer Seitenleiste so festlegen:

    css

				
					.sidebar {
  width: calc(20vw - 20px);
}

  1. Dies macht die Seitenleiste 20% der Bildschirmbreite minus 20 Pixel.
    Es passt sich automatisch an verschiedene Bildschirmgrößen an.

    3. Elementor: CSS-Einheiten einfach machen

    Wenn Sie eine Website erstellen möchten, ohne direkt CSS-Code zu schreiben, probieren Sie Elementor.
    It’s a visual builder that lets you:

    • Ändern Sie Größen und Stile mit intuitiven Steuerungen
    • Sehen Sie, wie Ihre Website auf verschiedenen Geräten aussieht
    • Legen Sie Stile für Ihre gesamte Website an einem Ort fest

    Elementor übernimmt die Berechnungen für relative Einheiten wie rem und em, damit Sie sich auf das Design konzentrieren können.

    Häufige Fehler und wie man sie behebt

    Selbst wenn Sie viel über ‚rem‘ und ‚em‘ wissen, können Sie dennoch auf Probleme stoßen.
    Hier sind einige häufige Verwechslungen und wie man sie vermeidet:

    Mythos 1: ‚em‘ ist immer besser für die Barrierefreiheit

    Wahrheit: Sowohl ‚em‘ als auch ‚rem‘ können gut funktionieren, um Websites benutzerfreundlich zu gestalten.
    ‚em‘ kann besser sein, um den Benutzern zu ermöglichen, die gesamte Textgröße zu ändern.

    Mythos 2: ‚rem‘ ist nur für Schriftgrößen

    Wahrheit: Sie können ‚rem‘ für jede Größe auf Ihrer Seite verwenden – Breite, Höhe, Ränder und mehr.

    Mythos 3: ‚em‘ ist immer unvorhersehbar

    Wahrheit: Mit guter Planung und Tests kann ‚em‘ zuverlässig und flexibel sein.

    Mythos 4: Sie sollten immer das eine über das andere wählen

    Wahrheit: Oft funktioniert die Verwendung von ‚rem‘ und ‚em‘ zusammen am besten.

    Tipps zur Fehlerbehebung

    Wenn Sie auf Probleme mit ‚rem‘ oder ‚em‘ stoßen, versuchen Sie diese Tipps:

    1. Überprüfen Sie die Größenkette: Verwenden Sie die Werkzeuge Ihres Browsers, um zu sehen, welche Elemente die Größen beeinflussen.
    2. Suchen Sie nach widersprüchlichen Stilen: Manchmal kann anderes CSS Ihre ‚rem‘- oder ‚em‘-Einstellungen übersteuern.
    3. Testen Sie auf verschiedenen Geräten: Überprüfen Sie immer, wie Ihre Website auf Handys, Tablets und Computern aussieht.
    4. Verwenden Sie CSS-Variablen und calc(): Diese Werkzeuge können Ihr CSS flexibler und einfacher zu verwalten machen.
    5. Probieren Sie einen visuellen Builder: Tools wie Elementor können Ihnen helfen, Größen zu verwalten, ohne sich im Code zu verlieren.

    Zusammenfassung

    Sowohl ‚rem‘ als auch ‚em‘ sind nützliche Werkzeuge für Webdesigner.
    ‚rem‘ ist großartig, um Ihre gesamte Website konsistent zu halten, während ‚em‘ hilft, flexible Komponenten zu erstellen.

    Es gibt keine einzige richtige Antwort – die beste Wahl hängt davon ab, was Sie erstellen.
    Das Verständnis beider Einheiten hilft Ihnen, kluge Entscheidungen über Ihre Websites zu treffen.

    Scheuen Sie sich nicht, ‚rem‘ und ‚em‘ zu mischen, um die besten Ergebnisse zu erzielen.
    Und wenn Sie einen einfacheren Weg zum Designen suchen, schauen Sie sich Tools wie Elementor an.

    Denken Sie daran, Übung macht den Meister.
    Je mehr Sie mit diesen Einheiten arbeiten, desto besser werden Sie darin, großartige Websites zu erstellen.
    Viel Spaß beim Designen!