画像を横に4つ並べました。
<ul> <li><img src="./img1.png" alt="四角い画像" /></li> <li><img src="./img2.png" alt="四角い画像" /></li> <li><img src="./img3.png" alt="四角い画像" /></li> <li><img src="./img4.png" alt="四角い画像" /></li> </ul>liはinline-blockになっていて横に並びます。
ulを1000px、画像がそれぞれ220pxなのでマージンなどもありますが1000pxに収まっています。
これを横に並べたまま画面横サイズを小さくするとレイアウトを崩さないで追従するようにしたいです。
最適な方法、一般的な方法があれば教えて下さい。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/17 10:06