Opera-Mobilansicht nicht wie Original

[Rolf B]

Hallo Wishpacker,

Was mache ich falsch?

(1) Du postest die URL deiner Seite nicht. Damit können wir nicht prüfen, ob es vielleich einen Fehler bei den Basics für Responsivität gibt. Aber man erkennt es ja im Screenshot:

https://wishpacker.lima-city.de/Joomla/

Die wichtigste Grundlage ist drin: meta viewport. ✔️

(2) Du berücksichtigst das Verhältnis Gerätepixel zu CSS Pixel nicht. Die physikalische Auflösung ist nicht das, was das Gerät dem Browser präsentiert. Das hat praktische Gründe - eine X-Auflösung von 1080 würde bei den Webseiten, die nicht auf diese Auflösungen vorbereitet sind, dazu führen, dass sie unlesbar klein dargestellt werden. Würden wir alle das tun, was Selfhtml seit Jahren predigt, nämlich px vergessen und alles in em angeben, dann bräuchte man keine CSS-Pixel und kein device-pixel-ratio.

Ruf mal den hier auf: http://whatismyscreenresolution.net/

Wenn das, was ich so zum Mi 10 finde, stimmt, sollte das 383×851 ergeben, die Xiaomi Geräte haben ein krummes Device-Pixel Verhältnis (2.75:1 steht hier). Hallo Nix, jetzt darfst Du feiern!

Wenn ich 383x851 in den Chrome DevTools einstelle, sieht deine Seite in etwa so aus wie dein Handy-Screenshot.

Rolf