diedVIPs

html knowhow

Bildschirmanpassung - <viewport>








Viewport

Es ist gar nicht so einfach, Webseiten auf mobilen Geräten auch wirklich so aussehen zu lassen, wie Webdesigner das wollen. Smartphones und Tablets haben ihre ganz eigenen Vorstellungen davon, wie eine Webseite dargestellt werden soll. 

Wir möchten, dass unsere Homepage auf allen Endgeräten, wie Computer, Tablet und Smartphone gut aussieht, denn in der Regel stimmen die Daten, die Sie auf dem Computer haben nicht mit dem Bildschirm Ihres Smartphones überein, da der viel kleiner ist, als der des Computers. Deshalb müssen wir den Desktop mit Hilfe von "Viewport" und "@media" anpassen.



So sieht´s aus
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1" />

<style type="text/css">Hier nichts</style>
</head>

<body >Hier nichts</body>

</html>









Kontakt    Datenschutz   Impressum