Responsive Design - HTML und CSS für mobile Geräte

DruckversionPDF version

Sie können ein anderes Layout für Ihre Webseite für mobile Geräte mit folgenden Anweisungen erzeugen:

HTML

fügen Sie in den Head des Dokuments folgendes ein:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />

Dies setzt die Breite des mobilen Gerätes als Anzeigebreite der Webseite

Sie können ein eigenes mobiles Stylesheet mobile.css einbinden mit

<link rel=”stylesheet” media=”only screen and (max-device-width: 480px)” href=”mobile.css” type=”text/css” />

alternativ können Sie in Ihre Desktop Stylesheet Ausnahmen für mobile Geräte festlegen mit

@media screen and (max-width:480px)
{

#linkespalte {display:none;}

}

rhein-main-experten.de wird überprüft von der Initiative-S