"Vererbung" bei Anwendung von Media Queries

[Matthias Apsel]

Om nah hoo pez nyeetz, Gunnar Bittersmann!

Wieso sollte bei responsive design (“flexible media”) Pixel irgendeine Rolle spielen?

Folgendes Beispiel:

Man hat ein Hintergrundbild, 500px breit, welches man zentriert haben möchte. Erst, wenn es nicht mehr passt, soll es (mit ein wenig Abstand links und rechts) skaliert werden.

#elem {  
       background-image: url("…");  
       background-position: top center;  
}  
  
@media screen and (max-width: 500px) {  
	#elem {  
		background-size: 94% auto;  
	}

Matthias