CSS: Text an Bildschirm anpassen?

[Matthias Scharwies]

Servus!

Hallo Felix,

danke für deine Kritik. Ich werde mich bemühen, diese auch umzusetzen.

... sondern soll jetzt im Moment hauptsächlich als Versuchskaninchen dienen, da ich vor allem beim mobile-responsive-design sehr unerfahren bin.

Genau da kannst du jetzt wirkungsvoll an einer klaren HTML-Struktur arbeiten, die nur so viele Elemente wie nötig verwendet und deshalb sehr übersichtlich ist.

Auch beim CSS gilt „Weniger ist oft mehr!“, wenn du gezielt Festlegungen triffst.

So sind die meisten Breiten und anderen Größenfestlegungen im repsonsiven Webdesign gar nicht nötig, ab und zu mal eine max-width ist oft schon genug.

position: absolute, wie in deinem outer-wrapper ist meist eher schädlich.

Ein Hintergrundbild sieht oft auf dem Desktop sehr gut aus, bei mobilen Geräten wirkt es oft anders. Wenn Du es eh durch den outer-wrapper wieder fast verdeckst, könntest Du überlegen, ob ein attraktiver header reicht.

Auf jeden Fall könntest du es auch zusammenfassen:

body {
	background-image: url('../res/images/regbg.jpg');
	background-size: cover;
	background-color: rgba(255, 255, 255, 0.76);

}

Herzliche Grüße

Matthias Scharwies