关于图片的大小问题

来源：4-17 综合案例一(Swiper轮播图)

慕莱坞0998854

2021-11-10

老师你好，请问下,老师的代码里面的图片的大小都是一样的，现实工作中假如出现了图片大小的情况，这一节的代码势必出现问题。那么可能需要写死容器的高度，然后图片的高度也设置为100%，可是这样的话图片仍然有拉伸。
这种情况应该谁来处理(前端还是后端)，怎么处理呢？

写回答

1回答

西门老舅

2021-11-10

你好，这就要分情况了。

保证图片尺寸大小相同，后端服务器处理一下即可。

如何图片是管理系统上传的图片，一般会要求上传的图片按照指定的尺寸上传，有的上传带有裁切功能，保证图片比例和大小。

如何后端没有处理图片，就直接给到了前端，前端要想保证图片等比，是通过object-fit: cover来实现的。

西门老舅

johnny_2008

感谢支持与信任

2021-11-15

共4条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1