关于图片变形

Question

老师，视频里面图片都变形了，，，，我做时也一样，你视频里面也一样，这个要怎么解决

Answer 1

林威廉 2021-05-21 17:40:22

我的也變形了,檢查了去看是因為後端吐出來的圖長寬尺寸不一樣

有一些圖是800px*800px 有一些則是320px*220px 這該怎麼解決呢？

 

Answer 2

河畔一角 2021-03-04 22:35:29

只要不限制图片宽高就不会变形，只需要固定外层容器宽高，每层图片根据父容器进行自适应。 另外图片尺寸通常也是符合容器宽高的

• 提问者 Lee6979050 #1

  我像视频里面一样，最后给了img 一个   width:100%,然后图片是居中了，但是图片变形了，视频里面的图片也变形了，老师，你可以看回视频，手机都被拉长了

• 河畔一角 #2

  我线上部署的项目mi.futurefe.com，我看了一下，并没有压缩

• weixin_慕用3063081 回复 提问者 Lee6979050 #3

  去掉width:100%
  .item加上
  display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;

点开查看后面1条评论