Hallo,
ich habe ein Bild (1000x800px), welches in einem article-Container eingebunden ist:
Die Größe des Containers ist abhängig von der Bildschirmauflösung. Nun möchte ich, dass das Bild im Falle einer geringeren Auflösung die gesamte Breite des Containers annimmt (quasi 100% Breite). Wird das Fenster vergrößert, so wird auch das Bild größer bis es letztlich seine maximale Größe erreicht hat (natürlich immer korrekt skaliert). Ab diesem Punkt wird also der Container größer, das Bild bleibt aber unverändert.
Lässt sich so etwas umsetzen?
ich habe ein Bild (1000x800px), welches in einem article-Container eingebunden ist:
HTML:
<article style="background-color: #c0c0c0; width: 80%; max-width: 1600px;">
<img src=bild.png>
</article>Die Größe des Containers ist abhängig von der Bildschirmauflösung. Nun möchte ich, dass das Bild im Falle einer geringeren Auflösung die gesamte Breite des Containers annimmt (quasi 100% Breite). Wird das Fenster vergrößert, so wird auch das Bild größer bis es letztlich seine maximale Größe erreicht hat (natürlich immer korrekt skaliert). Ab diesem Punkt wird also der Container größer, das Bild bleibt aber unverändert.
Lässt sich so etwas umsetzen?
