Responsive "Vorschau" 480px auf 1920px Monitor anzeigen 
Autor: Thomas R.
Besucht 1699,
Followers 1,
Geteilt 0
Moin,
ich habe mal die Suche bemüht aber nichts passendes gefunden.
Ich möchte Beispiele auf der Website in Standardauflösung des Monitors zeigen, wie das Responsive Design auf dem Handy aussieht und funktioniert, ohne das der Nutzer die Auflösung seines Browserfesters ändern muss oder, falls das nicht geht, dass die Auflösung automatisch geändert wird, wenn die Seite, auf der die geringere Auflösung dargestellt wird aufgerufen wird.
Ich hoffe ich habe das verständlich formuliert.
Danke für eure Hilfe.
Viele Grüße von der Ostsee
Thomas
Gepostet am
Hallo,
du möchtest deine Smartphone Ansicht deiner Webseite auf der Desktop Webseite anzeigen ?
Habe ich das richtig verstanden ?
Gruß
Andreas
Autor
Hallo Andreas, ja genau das hab ich gemeint.
Du kannst das mal versuchen in einer Showbox und die auf 480px setzen. Oder in einem iframe. Kennst du dich damit aus ?
1. Nimm mal einfach zum Probieren einen Button (Hover-Button)
2.Dann so
Musst natürlich die richtige Größe angeben. Kannst du auch aus dem Menu herraus aufrufen oder wie du möchtest.
ok ?
Autor
Danke für die schnelle Antwort, das probiere ich natürlich aus und melde mich wieder.
Geht dies nicht einfacher mit der Vorschau und der Wahl der Seitenbreite oben rechts.
Vielleicht hilft auch das hier weiter:
https://developers.google.com/web/tools/chrome-devtools/device-mode/
ich begünge mich mit der Vorschau.
JJ.
Autor
Funktioniert super, vielen Dank.
Autor
Hallo JJ, die Lösung von Andreas macht genau das was ich wollte. Dake für Deine Hilfe.