スマホサイト作ってた時にハマったことがあったのでメモです。 現象: placeholderを設定した際、iPhoneでは特に問題なく閲覧できるのですが Androidで確認すると、placeholderのテキスト位置がやや上に表示される。 で、下のような参考サイトを見つけたのですが… androidのplaceholderがずれる件 ポイントはinput部分の余白を「line-height・height」で指定してるか「padding」で指定しているかということらしい。 で、「padding」で指定した方がいいですよ~ということみたいです。 だがしかし、私の場合、この時点で「line-height・height」での指定はしてないし、「padding」で指定してるし。。 こんな感じ↓ //inputのCSS .content input[type="text"]{ -webkit-appe
![placeholderを指定したときにAndroidでテキスト表示位置を中央にしたい](https://cdn-ak-scissors.b.st-hatena.com/image/square/81161732651ecf0e64b7dd34f17acfeaf0518d08/height=288;version=1;width=512/http%3A%2F%2Fmmt45.net%2Fwp%2Fwp-content%2Fuploads%2F2015%2F02%2Fplaceholder.gif)