css 图片等比缩放

CSS3 object-fit处理图片

object-fit: fill;                填充元素的内容框，会拉伸

object-fit: contain;        替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。

object-fit: scale-down; 内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些

object-fit: cover;          被替换的内容在保持其宽高比的同时填充元素的整个内容框

object-fit:none;            被替换的内容将保持其原有的尺寸

小程序通过mode aspectFit保持宽高比

https://blog.csdn.net/qq_39364032/article/details/82287528写的挺好的