Axel Richter: Abstand nach links in Abhängigkeit von der Breite

Beitrag lesen

Hallo,

ich habe ein Bild (<img>) innerhalb einer Überschrift (<h1>). Ich wollte, dass das Bild einen Abstand zum linken Rand (beispielsweise 8em) besitzt. Jedoch sollte dieser Abstand bis auf 0 schrumpfen, falls der Viewport nicht mehr groß genug ist, das Bild (inklusive Abstand) komplett darzustellen.

Wenn der Abstand nicht _genau_ maximal 8em sein muss, könntest Du, mit margin-left in % für das Bild, ein ähnliches Verhalten erzeugen. Bei Viewportverkleinerung verringert sich die Ausgangsgröße für die Prozentangabe bei margin-left, bei Viewportvergrößerung vergrößert sie sich. Allerdings, bei kleinen Viewports natürlich nicht auf 0, sondern nur auf nahe 0 und bei großen Viewports nicht auf _genau_ 8em.

viele Grüße

Axel