Frage zu Flexibles Layout

[Gunnar Bittersmann]

@@Maetzzen

3. Kann ich das in etwa so umsetzen?:

@media all and (min-width: 80em) {
    html{
        width: 70%;
    }

Das halte ich nicht für sinnvoll.

• Dass das html-Wurzelelement für den gesamten Viewport stehen sollte, hat MrMurphy1 ja schon angedeutet.

• Durch die Prozentangabe kann der Bereich bei breiten Viewports auch sehr breit werden. Eine Textzeile sollte jedoch nicht beliebig breit werden; sie sollte nicht mehr als etwa 85 Zeichen lang sein, optimal etwa 65 Zeichen.

• Einen media query brauchst du hier nicht; du kannst die Maximalbreite angeben:

body
{
  max-width: 42em;
  margin: auto;
}

LLAP 🖖