webネイティブな僕達

androidのplaceholderがずれる件

placeholder_bug

ユーザー情報などの入力フォームを作っていてバグが起きてたのでメモ。

入力フォームを作る際にこういう形で実装しました。

↓修正前

iPhoneでは正常に表示されるのですが、Androidでずれるずれる。
placeholder(下記画像の「ログインID、メールアドレスを入力して下さい。」)の位置がどうしてもずれてしまうのである。

【iPhone】
iphone

 

 

【Android】

android

色々ググってみたのだけど原因がわからず。
結局、heightとline-heightで縦の中央を取るのではなくpaddingで中央によるようにすることにしました。

↓修正後

んーなぞや。

Categories: web

ブラウザのヘッダー邪魔! » « click!click!click!click!click!click!click!…あぁぁぁぁあああああ

2 Comments

  1. fukaminmin

    2015年10月17日 — 10:55 AM

    テストのコメント

コメントを残す

Your email address will not be published.

*

Copyright © 2017 webネイティブな僕達

Theme by Anders NorenUp ↑