В чем причина съехавшего placeholder на iPhone 4-5(экран 320)?

Question

[Константин]

Подскажите, пожалуйтса, в чем может быть съехавшего плейсхолдера на айфонах с экраном 320 (4-5) ?Скрин прилагается. Думал дело в указанных 'px' на line-height. Убрал. Оставил только целое число(1) . Проблема осталась. Проявляется только на реальном устройстве. В эммуляторе браузера всё путем.

Answer 1

[Кирилл Инкогнатович]

Без кода не разобраться :)

Comments

[Константин]

Прошу не обращать внимание на кол-во imporant. Код не мой, хочу лишь пофиксить эту багу

HTML :

<input type="text" id="calculator-email" class="form-control" name="Calculator[email]" placeholder="Enter email to unlock" data-field="email">

CSS:

display: block;
width: 168px !important;
height: 31px!important;
line-height: 1.1!important;
 -webkit-box-shadow: none;
 box-shadow: none;
color: #353535 !important;
 padding: 6px 14px !important;
 margin: 0 !important;
 font-size: 15px !important;
background: #fff !important;
border: none !important;
border-radius: 25px !important;
box-sizing: border-box;

[Кирилл Инкогнатович]

Константин, https://jsfiddle.net/ugcnp25y/3/ попробуй вот так, проверил на своём яблоке (4s), вроде работает

Answer 2

[anung]

Нужно полю прописать line-height
Мне помогло.