Buttons haben Rahmen nach installation als PWA

[Matthias Apsel]

Hallo Linuchs,

Uups, ist die CSS-Möglichkeit, zwischen verschiedenen Breiten zu unterscheiden, schon wieder veraltet?

Nein, nur so wie du es vorschlägst, ist es Murks.

/* **************************
 * alle Anzeigen
 * ************************** */
  h1 { font-size: 1.3em; }
  h2 { font-size: 1.2em; }
  h3 { font-size: 1em; }

/* **************************
 * breite Anzeige
 * ************************** */
@media screen and (min-width: 30em) {
  h1 { font-size: 1.8em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.1em;  }
}

Es ist besser, eine Variante zu haben, die ohne eine Medienabfrage funktioniert. Für breitere Viewports werden diese Einstellungen dann überschrieben. Bei dir könnte die Breite rein zufällig 400,05px sein. Welche Vorgaben gelten dann? Richtig - keine.

Außerdem sollten sich die Breakpoints nach dem Inhalt richten. Deshalb die Angabe in em.

Bis demnächst
Matthias