Responsives Design nicht auf Smartphone

[Järger (Gast)]

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 ?

[Rolf M. (rmagnus)]

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?

[Christian B. (casandro)]

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.

[Daniel A. (daniel-a)]

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

[min (Gast)]

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

[Peter II (Gast)]

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.

[Frank E. (Firma: Q3) (qualidat)]

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 ...

[Planlos (Gast)]

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 ?

[Schreiber (Gast)]

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.

[MaWin (Gast)]

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 ?