使jQuery Masonry能够响应iPhone/iPad



我正在调整Masonry Tumblelog布局,使单列宽度为320px,是两列/三列宽度的倍数等,这样它就可以适用于iPhone及以上版本。

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

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

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

最新更新