メモしておく。
<input type="text">
スマフォやタブレットを考慮して、width属性を横幅いっぱいに設定しておきたい。
input {
padding: 0 0 0 2%;
width: 98%;
}
横幅は100%にするのに、width + padding-left = 100%で当然考えるわけで。
けど、この2%って相対指定なので、スマフォを横にしたり、タブレットのような解像度のものであったりするとデバイスによって左の余白が空きすぎてしまうので、これを固定(一定)にしたかった。
うんうん悩んで、隣の席のエンジニアに聞いてみたら、あっさり解決した。
input {
text-indent: 1em;
width: 100%;
}
きれいに空いた!\(^o^)/
単純だけど気付かなかった自分にビンタしたい。頭固くなってるのかな......