<ul>でdisplay:inline-block;を使ってレスポンシブ

縦に並ぶとき1pxずれてしまう
そんなときは
<ul>を囲んでいるcssに
font-size:0;
を入れる

<div class="test">
<ul>
<li>○○○○</li>
<li>○○○○</li>
</ul>
</div>
.test{
font-size:0;
}

li{
display:inline-block;
font-size:14px;
}

勉強させてもらったサイト

コメントを残す

メールアドレスが公開されることはありません。