手机端轮播图全拉伸变形，菜品拉得又长又扁，加一行样式就解决

18年做美食站首页，轮播图是固定尺寸的大图，在电脑上看正常，但是用手机打开，轮播图里的菜品图直接被拉伸变形，整个盘子拉得又长又扁，人像被拉得变形，用户在群里吐槽说我网站的图看着奇怪。我当时给轮播图加了object-fit: cover的样式，图片自动按比例裁切，不再被拉伸，手机上打开轮播图立刻就正常了。之前总觉得轮播图固定个宽高，让图片铺满就行，根本不知道图片默认会被拉伸变形，小屏上看着特别奇怪。很多新手做网站轮播图跟我当初一样，只给容器设宽高，不管图片比例，手机上图片拉伸变形，用户看着都难受。真的，轮播图里的图片加个object-fit: cover，自动按比例裁切，怎么拉伸容器都不会变形，用户看着才正常。