建立网站时，由于图像的长宽比不一致，所以图像的显示方式经常有问题。
1、如果不知道照片的宽度和高度，照片上下左右的中央
我在以前的博客文章中写过，所以不重复了。 博客地址，效果预览地址(欢迎复制)
上面的没有问题，但是在图像列表中，图像没有上下左右对齐，所以图像列表的排版很难看。 产品要求宽而高而死。 也就是说，是以下第二种方法。
2、不知道图像的宽度、高度时，固定显示img标签的宽度、高度(图像变形) )。
第二种方法，因为宽死了，所以图像变形了，反而不美。
产品说明：我可以把照片弄歪，摆成正方形，就像朋友圈里的照片一样铺。 然后打开朋友圈，看看朋友圈里照片的显示方式，有以下两种写法。
3.1、图像的宽度、高度不明确的情况下，img标签不固定，但母箱是固定的，仅显示图像的中心部分。 例如，微信朋友圈列表的图像(弹性布局方式) )。
效果预览
3.2、图像的宽度、高度不明的情况下，img标签不固定，但母箱固定，仅显示图像的中心部分。 例如，微信朋友圈列表图像(页面结构简单粗暴的ie8兼容版本) (通过朋友交流获得的ie8以下兼容版本) )。
效果预览
微信朋友圈的图像展示出来了，顺便再共享一个图像预览功能吧。
首先，在此感谢cxdgtx大神分享的图像预览功能。 我在他分享的项目的基础上，做了一些改动。