CSS3 Headerbild für Responsive Design ausrichten

Hier eine kurze Anleitung, wie man Headerbilder im Responsive Webdesign mit css konfiguiert

(1) background-size: auto 100%

Diese Eigenschaft kann verschiedene Werte annehmen. Für Responsive sind besonders auto und 100% relevant. z.B: „background-size: 100% auto“. Mit dieser Einstellung passt sich der Header in der Höhe automatisch an. Wenn zu wenig Platz in der Breite ist, werden die Ränder abgeschnitten „CSS3 Headerbild für Responsive Design ausrichten“ weiterlesen