微信朋友圈，图片显示示例

<ul class="e03">
	<volist name="data['pyq_duotu']" id="f">
	    <li>
	        <figure style="background-image:url('{$f}')" data-src="{$f}" class="figure-list-img">
	            <a href="javascript:;"></a>
	        </figure>
	    </li>
    </volist>
</ul>

CSS

.m03pyq .d01 .e03{margin:0;padding:0;}
.m03pyq .d01 .e03:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'';}
.m03pyq .d01 .e03 li{float:left;width:24%;margin:2% 2% 0 0;list-style:none;}
.m03pyq .d01 .e03 figure{position:relative;overflow:hidden;width:100%;height:0;margin:0;padding-bottom:100%;border:none;background-repeat:no-repeat;    /* 关键就在这里 */background-position:center;background-size:cover;}
.m03pyq .d01 .e03 figure a{position:absolute;top:0;bottom:0;display:block;width:100%;}