css - 使 jQuery Masonry 响应 iPhone/iPad

Question

我正在调整 Masonry Tumblelog 布局，以便单列宽度为 320 像素，两列/三列等的宽度为 320 像素的倍数，以便它适用于 iPhone 及更高版本。

我正在使用媒体查询将所有列压缩到 iPhone 的 320。这是一种工作，即它正在堆叠并减少到一列。问题是它在 iPhone 屏幕上很小，仅占宽度的五分之一。我已经从 div 向上跟踪了 css 元素，并且在媒体查询中所有元素都设置为 320。该网站位于 http://www.4pixels.com .有什么想法吗？

Answer 1

我在这里使用代码:http://www.maurizioconventi.com/2012/06/19/responsive-example-integrating-twitter-bootstrap-and-jquery-masonry/

它根据容器的宽度调整列宽。看一看。