图片自适应问题

来源：5-17 订单页面开发(List模块开发)

qq_雨籦_0

2019-03-15

图片描述
我们要对图片的宽高一起设置吗这样会不会丢失精度如果只设置宽高度能否也按照一样比例缩小

写回答

1回答

吕小鸣

2019-03-15

已采纳

同学你好，图片的自适应一般情况下要和后端共同指定一般有两种方案：
1.在上传后图片在后台经过裁剪处理，返回给前端的是固定宽高大小的图片，前后端约定一个比例，这样前端引入时可以直接设置固定宽高。
2.后端如果不裁剪，那么前端在引入时，由于不同的图片大小不同所以无法设置固定宽高导致图片被拉伸，所以可以采用前端裁剪的方案来自动居中显示，例如使用css的background-image和background-position来显示图片居中的效果。
第一种方案对前端来说比较简单，而且图片不会过大，渲染起来很快。
第二种方案比较麻烦，而且很多大图处理起来比较慢，而且比较消耗性能。