Die CSS-Funktion image-set() wird in Chromium-basierten Browsern seit 2012 und in Safari seit Version 6 unterstützt. Die Unterstützung kam kürzlich in Firefox 88 an. Tauchen wir ein und sehen wir, was wir heute mit image-set() tun können und was nicht. …
Neben der Verwendung von Media Queries und modernen CSS-Layouts wie Flexbox und Grid zur Erstellung responsiver Websites gibt es bestimmte übersehene Dinge, die wir gut machen können, um responsive Websites zu erstellen. In diesem Artikel werden wir uns eine Reihe von Werkzeugen ansehen (die sich um ... drehen).
Als ich ein Bild zum ersten Mal responsiv gemacht habe, war es so einfach wie das Codieren dieser vier Zeilen
img {
max-width: 100%;
height auto; /* default */
}Obwohl das für mich als Entwickler funktionierte, war es nicht das Beste für …
