line height - IE bei responsive Layout

[Gunnar Bittersmann]

@@MrMurphy1

  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

Vielleicht nicht die beste Idee.

  html {
     font-size: 120%;

Warum das denn? 100% oder 1em sollte passen. Also gar keine Angabe nötig.

     line-height: 1.3;

Das könnte für Fließtext etwas wenig sein.

  body {
     max-width: 50rem;

Die Maximalbreite für Fließtext sollte sich auf die Schriftgröße beziehen. Und zwar nicht irgendeines Elements, sondern des betreffenden. Also Angabe in em, nicht rem.

  body>* {

Bloß gut, dass Selektor-Performanz kein Ding ist. ;-)

@media only screen and (min-width: 580px) {

Media-Queries in px sind nun auch nichts, was unter „Best practices“ stehen sollte.

<main>
  <aside>

Dass aside in main ziemlich sinnfrei ist, hatte ich ja schon erwähnt.

LLAP 🖖