Webdesign für Mobilgeräte

[mark]

Als Beispiel für ein Problem-Device kann man sich zB den Screenshot zum Galaxy Nexus (2. Reihe) anschauen. Das ließ sich glaub ich auch in Ripple emulieren.

Ich würde mal auf folgendes tippen:

Du setzt nirgends die Breite deiner <p> - Elemente, also macht der Browser selbst, was er für richtig hält.

Probiers mal zu Versuchszwecken mit:

.entry p{ width: 100%; display: block; margin: 0px; padding: 0px; }

oder

html, body, p { width: 100%; display: block; margin: 0px; padding: 0px; }

... nur um zu kontrollieren, ob dies tatsächlich das Problem ist.

Es wäre auch nützlich, wenn du den Browsertyp samt Versionsnummer angeben könntest. Das Smartphone-Modell ist bei der Problemlösung nicht wirklich hilfreich.

lg
mark