jQuery Masonry Mobile 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{ 最大宽度:90%； 和
max-width:250px; for grid li