Grafik an anderer Stelle je nach Viewport

[Auge]

Hallo

In der Desktop-Ansicht soll die Grafik einfach in der Navigation unten an letzter Stelle stehen. In der Mobile-Ansicht soll die Grafik ganz unten im Footer der Seite stehen.

Ist das machbar mit Media-Queries?

Wenn die Grafik als Hintergrundbild eines Elements eingebunden ist, kannst du sie mal dem einen oder mal einem anderen Element als Hintergrund zuweisen. Ist die Grafik Teil des Inhalts, also wird sie als HTML-Element mittels <img> eingebunden, sieht das anders aus. Du kannst das Bild zwar, je nach zutreffendem Media-Query verbergen oder anzeigen, es wird aber in den meisten Browsern geladen, auch wenn es nicht angezeigt werden soll. Es ist aus Sicht von HTML ja immer noch Teil des Inhalts.

Tschö, Auge