jquery - 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{ max-width:90%; }而
max-width:250px;对于网格 li