Servus!
Herzlich willkommen bei SELFHTML,
Im Beispiel (-HTML) des Artikels wird beim sizes-Attribut % als Einheiten verwendet.
%-Einheiten im sizes-Attribut sind nach Web-Standard und Browser-Implementierungen aber explizit unzulässig: https://html.spec.whatwg.org/multipage/images.html#:~:text=Percentages are not allowed in a <source-size-value>
Die korrekte Einheit für Viewport-bezogene Breitenangaben ist
vw
.Du hast dich im Wiki bereits angemeldet. Möchtest Du die Seite selbst ändern?
Evtl. könntest Du auch die direkte URL der Spec eintragen:
https://html.spec.whatwg.org/multipage/images.html#sizes-attributes
Ich hab das mal getan.
Hier noch ein Beispiel zur Verdeutlichung: https://codepen.io/strarsis/pen/KKyMaNe
Dein Beispiel verwendet aber keine sizes, in Form einer Kombination von Medienmerkmalen, sondern nur den letzten Wert.
Im auf der Seite verlinkten Tutorial war es schon richtig dargestellt.
Herzliche Grüße und bis Bald!
Matthias Scharwies
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“