欢迎使用CSDN-markdown编辑器

自适应显示图片
@media screen and (max-width:767px);

768px-640px 一行三图显示 width:33.33%;padding-left:15px;padding-right:15px;

640px-420px 一行两图显示 width:50%;box-sizing:border-box;padding-left:15px;padding-right:15px;

420px-320px 一行单图显示 width:100%;box-sizing:border-box;padding-left:8%;padding-right:8%;

320px以下 一行单图显示 width:100%;padding-left:0;padding-right:0;

这样显示或许会比较好，但是不确定，需要注意的是当还行之后每个图片必须要有
margin-bottom（最好选这个）或者padding-bottom，不然就会连接到一起了。

在电脑上看的，准确的不需要考虑。