ちょっと小言っぽい感じで言うんですが、
display: inline-block;
で出来る隙間に
letter-spacing: -.4em;
を書いてなくすという記事をちらほらみて、私もそれで解決していたのですが、
inline-blockをつかってのグリッドシステムを作った際に、アンドロイドだと落ちてしまいました。
どうやらinline-blockの隙間が違うのかな?
とりあえず私は
letter-spacing: -1em; // 値を増やした
にして対応しています。
今のところ崩れは確認出来ていません。
あまり大きいと幅が増えてしまうみたい?
まぁ幅90%で表示してる余白を使ってる感じなので、元が100%だと良くないかも。
ちなみに、imgの下に隙間ができる場合はvertical-align: bottom;
にするとなくなります。
コメントする