Tablet Mode Vorschau entspricht nicht der Darstellung auf Device

Liebe Leute,

ich bin neu hier, ich hoffe, ich bin im richtigen Bereich und das Thema ist nicht schon tausendfach besprochen. Ich habe ein fundamentales Problem mit Elementor: wenn ich im Tablet Mode versuche, mein Design responsiv zu machen, sieht die Vorschau komplett anders aus, als was mein Ipad mir anzeigt, wenn ich die Seite aufrufe.

Die Umbrüche entsprechen sich nullkommagarnicht.

Kennt jemand das Problem?

Und, ganz fundamental: wie bereitet man eigentlich responsive Seiten auf Landscape Mode vor?
Ich finda dazu nichts.

Grüße in die Runde

Peter

 

Lieber Daniel, danke für die schnelle Antwort. Ich habe geahnt, dass es mit der Pixelbreite zusammenhängen könnte. Allerdings bin ich da bisher nicht sehr erfolgreich gewesen. Die Breakpoints in Elementor sind für Tablet auf 1025 eingestellt, das scheint auch die Auflösung meines Ipads zu sein.

"Generell würde ich die Seite immer lieber in der Mobil-Vorschau deines Browsers testen" - damit meinst Du die Funktion unter dem Auge-Icon? Genau die sieht eben total anders aus als auf meinem Ipad. Was aber ja wiederum der Realität näher sein müßte??

Und wie würde ich dort die Landscape Auflösungen testen? Ich habe bisher nur Portrait Auflösungen gesehen in sämtlichen Vorschauen. Bestimmt liegts an mir, ich mache das erst seit kurzem. Aber gesucht habe ich dann doch schon eine Weile.

Danke für die Hilfe!

 

Ich weiß nicht, ob wir von den gleichen Dingen schreiben. Ich benutze Safari oder Firefox - und fatalerweise sieht meine Seite sogar unterschiedlich aus, je nachdem in welchem von beiden ich arbeite. Und das bei gleicher Zoomstufe.

Ich schicke mal zwei Screenshots mit. Der erste: Safari im Tablet Mode. Der zweite: Firefox im Tablet Mode.





Die Zahl 1025 kommt nicht von mir, und natürlich ist die schräg in der digitalen Welt - als BREAKPOINT ergibt sie aber Sinn, da sie eben die erste über 1024 ist, oder? Ist jedenfalls in meinem Elementor Setup FIX eingestellt und für mich nicht änderbar, zumindest bei den Breakpoints.

Dazu Screenshot 3 und 4.

Was nun die Entwicklerwerkzeuge angeht: ich meinte das "Auge" links unten, direkt neben "Speichern". Solltest Du die Funktion "Web-Entwickler" meinen, bei Firefox rechts oben, das führt dann nur zu Optionen, die mich heillos überfordern würden und sicher nicht im Sinne der Funktionalität von Elementor sind.




Wenn Du mir irgendwie helfen könntest, wäre ich sehr dankbar. Das kostet gerade unendlich viel Zeit, weil ich im Grunde nie das bekomme, was ich angezeigt bekomme - und ständig hin und her hüpfe zwischen den Plattformen, um Ergebnisse durch Raten und Schätzen irgendwann halbwegs hinzukriegen.

 

Ah, das probiere ich mal aus. Öffentliche Seite checke ich natürlich immer, aber dass ich da andere Bildschirmgrössen testen kann, wußte ich nicht. Danke!!

Hast Du denn irgendeine Idee zu den unterschiedlichen Ergebnissen je nach Browser? Wenn ich nach dem Ipad gehe, ist Safari für Tablet Ansicht komplett unbrauchbar. Obwohl es natürlich via Elementor die gleichen Einstellungen hat wie Firefox, aber die angezeigten Ergebnisse haben mit dem, was auf dem Ipad zu sehen ist, nichts zu tun.

 

Der Firefox Tipp hilft schon mal enorm!! Bleibt wirklich die Frage, warum das in Safari alles NICHT stimmt. Aber dann habe ich wohl Klarheit, welchen Browser ich künftig benutze.

Danke!

 

Zwischen Firefox und Safari Ipad harmoniert es bisher gut.
Zwischen Safari Mac und Safari Ipad überhaupt nicht. Was ich ziemlich absurd finde!

 

Hm, da muß ich jetzt mit einer Anfänger Frage antworten: Wo stelle ich denn die Auflösung bei Safari ein? Ich setze die Zoomstufe mit cmd-0 auf Neutral, also Zoomstufe 100%- das ist alles, was ich weiß und tue. Aber vielleicht gibt es - ich hab keine gefunden - darüber hinaus Grundeinstellungen zur Auflösung??

 

Ich benutze bisher nur elementor. Da sind mal ein paar Minuswerte bei Margin oder Padding, aber sonst nix Exotisches.

Die Seite entsteht gerade unter petersaurbier.de

Danke für den Beistand!!