0

このページの「モバイル」レイアウトで 2 列のレイアウトを表示しようとしていますが、Masonry または CSS によって 1 列に強制されています。

デモ: http://jsfiddle.net/EcuU7/

これは私が達成しようとしていることです: ここに画像の説明を入力

html `

            <li class="item w3 stamp stamp-here">
                <img src="http://placekitten.com/746/428" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/300" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/150" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/400" alt="">
            </li>

            <li class="item w2">
                <img src="http://placekitten.com/495/400" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/320" alt="">
            </li>

            <li class="item w2">
                <img src="http://placekitten.com/495/495" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/234" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/300" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/234" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/300" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/150" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/400" alt="">
            </li>

            <li class="item w2">
                <img src="http://placekitten.com/495/400" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/320" alt="">
            </li>

            <li class="item w2">
                <img src="http://placekitten.com/495/495" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/234" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/300" alt="">
            </li>

            <li class="item">
                <img src="http://placekitten.com/245/234" alt="">
            </li>


        </ul>
4

1 に答える 1

0

仲間、これを試してください：http://jsfiddle.net/EcuU7/1/

追加した

img{ max-width:90%; }および
max-width:250px;グリッドliの場合

于 2014-04-16T07:49:39.710 に答える