Hallo,

ich habe ein Problem mit der Webseitenansicht im Iphone 5/5S.

Die Seite soll beim Abruf in einem Iphone 5 automatisch auf 100% Breite skaliert werden. D.h. es soll kein horizontaler Scrollbalken entstehen bzw. Bereiche der Webseite links oder rechts überlappen wenn die Seite das 1. Mal abgerufen wird und kein manueller Zoom vorgenommen wurde.

Im Iphone 4S funktioniert es perfekt aber nach zig Versuchen klappt es im Iphone 5 einfach nicht.

URL: Home

Meine Einstellungen:

Danke!
Gandolfino

Nachtrag

Wenn die Webseite eine gesamte Breite von beispielsweise 1200 Pixeln hat, dann könnte doch durch folgende Angabe ein horizontaler Scrollbalken vermieden werden:

Oder gibt es hier einen Denkfehler?

Das ist kein denkfehler, eher ein zusammenpfuschen von einzelnen Dingen in der Hoffnung, dass es dann am Ende gut ausschaut. Eine gute/richtige Lösung schaut anders aus.
Eine Webseite hat, wenn man sie schon für Smartphones/Tablets/etc. optimiert keine feste Breite sondern sie passt sich an die Seite an die Breite des Browsers an.
Dass deine Seite nicht gut umgesetzt ist kann man gut erkennen, wenn man im Firefox einfach mal Strg + Shift + M drückt bzw. im Chrome die Dev-Tools öffnet und dort dann die Handy-Simulations-Tools öffnet. Da passt sich gar nichts an und man hat hässliche Scrollbalken. Das "only screen" bei deinem CSS brauchst du nicht, was ist, wenn ich meinen Browser kleiner mache? Aber ja, man surft gefälligst nur im Vollbild, sonst hat sich der Designer ja alle Mühen umsonst gemacht und man sieht die HD-Bilder alle gar nicht mehr

Was cloned gesagt hat ist eingentlich schon alles.
Ich wollte noch was ergänzen. Wenn du eine Webseite für Handy, Tabletts usw. erstellen möchtest, MUSST du responsive Webdeisgn anwenden. Also keine PX mehr sonder nur % und EM.
Such einfach nach dem Begriff responsive Webdesign.