jquery - jQuery Masonry モバイル 2 列レイアウトの修正

Question

このページの「モバイル」レイアウトで 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>

Answer 1

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

追加した

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