图片懒加载前后高度不一致的问题

2021-02-05 10:27:23 +08:00
 zgn
图片懒加载前后高度不一致, 导致加载完后会抖动, 宽高后端已经知道了,如何做才能防止抖动, 最好不要影响图片自适应,链接如下, 感谢
https://skrask.com/a/VjRgGEko.html
1573 次点击
所在节点    CSS
4 条回复
azcvcza
2021-02-05 10:32:27 +08:00
img 的宽高不是由他的容器决定的吗?我个人建议外围包一个 div 而不是 span,并写死宽高
zgn
2021-02-05 10:34:25 +08:00
@azcvcza span 设置了 display:block 和 div 没差吧? 我试过写死,但是手机下不能自适应, 小屏幕会根据宽度自动跳转高度的
otakustay
2021-02-05 11:06:54 +08:00
既然你都知道宽高了,那占位 div 宽高写死,转成 img 也宽高写死,肯定是一样的吧。除非你 img 没写死宽高
R1hu6Hs2sSN8pkVX
2021-02-05 14:18:39 +08:00
固定容器就行图片在其中水平垂直居中这样就不会了但是如果图片高宽不一样的话会出现空白

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/751476

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX