图片自适应问题

Question

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

Answer 1

吕小鸣 2019-03-15 16:09:26

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

• 提问者 qq_雨籦_0 #1

  如果只是设置高度 那么宽度按照同样的比例缩放这种做法可行吗

• 吕小鸣 回复 提问者 qq_雨籦_0 #2

  可行，但是这样比如一个比较长的图，可能就只显示顶部了。

• 吕小鸣 #3

  <Img>标签特性就是设置一个宽或者高，另外一个会跟随图标大小自动适应哈

点开查看后面3条评论