防止图片加载的过程中,页面抖动(改善用户体验)
让外层的盒子占位置,盒子的宽高比设置:
// 防止图片加载的过程中,页面抖动 .wrapper width: 100% height: 0 overflow: hidden padding-botton: 100% .wrapper (浏览器兼容问题) width: 100 height: 100vh padding-bottom: 高度与宽度的百分比 //通过设置 overflow: hidden width: 100% height: 0 padding-bottom: 高/宽 % 来自动撑开空白的图片
记录自己的采坑之路,需要时方便查找
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步