Hallo Forum,
Ich bin gerade daran meine Navigation für ein Mobiles Endgerät einzurichten. Nun teste ich die Seite normalerweise über die Taste F12, um anschliessend gewissen anpassungen vorzunehmen wenn mir etwas nicht passt.
Wenn ich jetzt z.B. eine Navigation einrichte, welche nur dargestellt werden soll wenn das Endgerät unter 500px breit ist, mache ich das gemäss dessen was ich so gelesen habe am besten mit einem Media Query welches da lautet:
@media screen and (max-width: 500px)
Das funktioniert grundsätzlich auch. Nun wenn ich die Seite über die Funktion F12 anschaue und da die Displaygrösse verändere (unter 500px) wechselt die Darstellung der Webseite nicht sondern bliebt auf dem normalen Layout. Nur wenn ich die Seite tatsächlich mit dem Handy öffne lädt es das Stylesheet mit dem erwähnten Media Query. Mache ich irgendetwas falsch oder kann ich diese Funktion über F12 nicht testen?
Gruss Nico
Lesezeichen