Von b_funke |

CSS – Responsive Design

Beispiel: Bis zu einer Bildschirmbreite von 600px werden HTML-Elemente mit der Klasse Titel nicht angezeigt

 @media (max-width: 600px)
{

.titel {display:none;}

}

Achtung: Im <head> des HTML-Dokuments muss die Angabe

<meta name="viewport" content="width=device-width, initial-scale=1.0">

eingefügt sein, damit der Gerätebrowser nicht selbstständig die gesamte Breite verkleinert.