responsive Darstellungsproblem Samsung S7

Liebe WP-Freunde,

ich habe ein Problem mit dem Layout meines Blog mortenundrochssare.de in der Responsive-Ansicht. Auf dem Samsung S7 passt sich das Responsive-Layout nicht der Bildschirmgröße an. Das Layout ist etwas zu groß, weshalb es sich für wenige Millimeter nach links und rechts verschieben lässt. Durch diese Links-Rechts-Bewegung wird das Hoch-Runter-Scrollen stark beeinträchtigt. Ich kann mir nicht erklären, warum das Responsive-Layout im S7 nicht zur Bildschirmgröße passt (zumal das Problem erst seit einiger Zeit auftritt und nicht schon von vornherein bestand) Auf anderen Smartphones, etwa Lenovo, passt sich das Responsive-layout problemlos dem Bildschirm an.

Tatsächlich war die Ursache des Problems ein minimales Zoom-In, das nicht bemerkt wurde. Aber die Sache mit der zu langen Überschrift schaue ich mir an. Danke für den Hinweis!

Vielen Dank für den sehr hilfreichen Hinweis. Ich habe den Margin links und rechts mit 5% definiert. Nun sollte es passen. Ich hoffe damit ist das ursprüngliche Problem gelöst.

Zitat von SirEctor

Ganz schlimm wird es für id=copy-mobil. Das bekommt eine width von 100% plus 20px margin-left. Und das für Geräte bis 480px.

Das Problem für id=copy-mobil ist erledigt. Ich habe mir deinen Hinweis zu Herzen genommen und die Größenangeben noch einmal überprüft. Dabei habe ich noch zwei weitere "Übergrößen" gefunden. Jetzt sieht zumindest die Startseite vernünftig aus. Allerdings habe ich das gleiche Problem noch auf den einzelnen Beitragsseiten und auf der Über Uns-Seite. Nur finde ich hier mal wieder das Problem nicht. Vielleicht sollte ich noch mal einen neuen Thread dafür eröffnen.

Dennoch möchte ich noch einmal Danke sagen für deinen wichtigen Hinweis.

Vielen Dank. Leider hat der Code nicht funktioniert. Aber dein Hinweis war trotzdem Gold wert. Ich habe den Link herausgenommen und im Kommentar stattdessen ein Wort mit der URL verlinkt. Work-around nennt man das wohl ;-)

Jetzt sieht die Über uns Seite schon besser aus...allerdings ist sie, ebenso wie die single-post-Seite etwas zu groß für den Display. Irgendwo hakt es noch und ich bin nicht in der Lage den Fehler zu finden. Ich freue mich über jeden weiteren Hinweis und Ratschlag.

[FONT=arial]Eine mögliche Ursache könnte folgender Code aus den Zeilen 1063 und 2015 sein:[/FONT]

.nav-footer {...
        margin-right: 20px;}

.nav-footer {...
        width:100%;
        margin-right: auto !important;
        }

[FONT=arial]
Im zweiten Code-Beispiel ([COLOR=#222222] Media [/COLOR][/FONT][COLOR=#222222][FONT=Consolas][FONT=arial]screen and (max-width: 480px)) habe ich bei einer Breite von 100% den rechten Margin aufheben wollen. Im Chrome-Browser wird dies aber nicht übernommen. Margin-right bleibt mit 20 px bestehen und ist damit größer fließt der Inhalt über die Displaygröße hinaus.
Ich verstehe nicht, warum Chrome die Aufhebung des Margins nicht anerkennt. Hat Jemand eine Idee?
[/FONT][/FONT][/COLOR]