Hallo, ich habe eine Webseite und hab die auf responsives Design geändert. Wenn ich das Browserfenster zusammenschiebe, ändert sich auch schön das Layout. Nur auf dem Smartphone ist dann doch wieder die "große" Version zu sehen, aber eben alles klein gezoomt. Woran könnte das liegen? Gibts irgendwo einen Checker für mobile Darstellung ähnlich W3C ?
Järger schrieb: > Nur auf dem Smartphone ist dann doch wieder die "große" Version zu > sehen, aber eben alles klein gezoomt. > > Woran könnte das liegen? Auf dem Handy eingestellt, daß es sich als Desktop ausgeben soll statt als Mobilgerät?
Die Browser auf mobilen Geräten sind zum Teil Mist. Und "Responsive Design" ist in aller Regel ein Hype-Wort von Leuten die von HTML keine Ahnung haben. Beschränke Dich einfach auf normales HTML und überlasse den Browser die Darstellung. Der macht das schon vernünftig, egal ob Textterminal, Megapixelbildschirm oder Mobilgerät.
Mein Handy und mein Full HD Fehrnsehr haben die gleiche Auflösung. Probiere einige meta viewport regeln aus. Aber glaub mir, es geht auch ohne responsive design: http://danielabrecht.ch
Im CSStylesheet wird das Verhalten der Seite in verschiedenen Browsern definiert. Stichwort media query (hier gut erklärt): https://blog.mayflower.de/3243-Responsive-Design-technisches-HowTo.html
Christian B. schrieb: > Beschränke Dich einfach auf normales HTML und überlasse den Browser die > Darstellung. Der macht das schon vernünftig, egal ob Textterminal, > Megapixelbildschirm oder Mobilgerät. nein leider nicht. Man kann auf einen Mobilgerät nicht die gleiche Informationsmenge wie auf eine Bildschirm mit der gleichen Auflösung anzeigen. (ok technisch geht es, macht aber kein sinn) Es müssen als Dinge wegfallen, und das kann der Browser nicht entscheiden.
Wenn die Erkennung/Unterscheidung per CSS nicht funktioniert, kann man auch per Javascript die Bildschirmgröße bzw. -Auflösung abfragen und die Breite des Body bzw. des untersten DIV anpassen. Macht zwar zusätzliche Arbeit, funktioniert aber eigentlich immer ...
Järger schrieb: > Wenn > ich das Browserfenster zusammenschiebe, ändert sich auch schön das > Layout. Auch wenn du dem Browser sagst, er soll ein Mobilgerät simulieren? (Screenshot: Chrome-Entwickertools) meta-viewport tag hast du in deinem html->head ?
Peter II schrieb: > Es müssen als Dinge wegfallen, und das kann der Browser nicht > entscheiden. Dazu brauchts aber kein Responsive Design, sondern einfach eine normale Version und eine Mobilversion.
Järger schrieb: > Nur auf dem Smartphone ist dann doch wieder die "große" Version zu > sehen, aber eben alles klein gezoomt. Immer noch sehr hohe Pixelanzahl ?
Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.