扫一扫分享
Pinterest就像jquery的响应式图像或html网格一样。
将jQuery包含jquery.mosaicflow.min.js到您的页面中:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.mosaicflow.min.js"></script>
为列布局添加一些css并使您的内容响应:
.mosaicflow__column {
float: left;
}
.mosaicflow__item img {
display: block;
width: 100%;
height: auto;
}
手机预览