Anpassung Homepage an neue Medien

[Gunther]

Hi!

ich habe in CSS definiert

body {font-size: 100.01%;}
h1 {font-size: 1.5em;}

  
Die Angabe für das Body-Element ist überflüssig.  
Die '100.01%' sind ein Überbleibsel aus Zeiten, wo man auf inzwischen veraltete IE Versionen Rücksicht nehmen musste.  
Und '100%' ist ebenfalls nicht erforderlich, da es in jedem Browser einen Default-Wert für die (vom User einstellbare) Basis-Schriftgröße gibt und die Angabe '100%' genau diesem Wert entspricht.  
  

> Müsste da nicht mit Verkleinerung des Fensters auch die Schrift (inerhalb <h1>  </h1>) kleiner werden?  
  
Wieso sollte sie?  
Solange du an der Basis-Schriftgröße und/ oder der Schriftgröße der Elternelemente des H1-Elements nichts änderst, bleibt die effektive Schriftgröße gleich, da es keinen Zusammenhang zwischen deiner Schriftgrößenangabe und der Viewportgröße gibt.  
  
Wenn du dich über "Responsive Webdesign" (kurz RWD) schlau machen willst, gibt es u.a. hier im Forum bereits zahlreiche Threads zum Thema.  
  
Das "Mittel der Wahl" für solche Fälle sind [Media Queries](http://lmgtfy.com/?q=css+media+queries).  
  
  
Gruß Gunther