Textfeld (input Type Text) formartieren - iPhone iOS / CSS

Helpstar24 · 19.01.2015

Hallo Community,

folgendes Problem. Meine responsive Webseite funktioniert einwandfrei und passt sich jeder Auflösung an.

Die Input Text Felder auf dem iPhone Smartphone (iOS) sind jedoch um 5 % breiter.
Auf allen anderen Smartphones sehen alle Felder gleich aus.

Woran liegt's? Irgend eine Idee? =/

cythux · 19.01.2015

poste doch mal dein CSS Code für deine Input Text field

Squeendot · 21.01.2015

Hallo Helpstar24,

also grundsätzlich wäre es schonmal nicht schlecht, wenn du mal deinen CSS-Code hier posten würdest ;-)

Was du mal auf die schnelle machen kannst:

In deinen Media-Queries nachschauen. Ein iPhone ist nicht wie jedes andere Smartphone und passt sich da einfach in das gewünschte Query ein. Das Problem hatte ich auch schon öfter. Vor allem bei den 4er iPhones.
Also versuch deine Größenangaben in den Queries anzupassen. Das funktioniert meistens.
In den Queries musst du dann natürlich die Breite deines Textfeldes definieren. Also 100% waren es bei dir glaube ich.

Also hier:

CSS:

@media only screen and (max-width: 768px)

Mehr Hilfe kann ich dir leider erst geben, wenn ich den CSS-Code sehe, tut mir leid.

Lieber Gruß,

Squeendot