背景
为了契合ux的完美实现,针对图片在height:100%下,宽度自动撑开;
问题
safari内核下,width不会立即撑开父容器,而是会在1分钟左右才会自动撑开
定位
mdn img使用,发现了一个奇怪的点

关键词:loading=“lazy” (由于博主内部使用图片懒加载组件),带有该属性
果断去掉此属性,图片加载恢复正常;
解决方案
暴力方法:去掉img的loading=“lazy”属性 ,由于这块内容对lcp影响不大,所以可以这么解决
如果影响lcp的话,大家还是按照官方提供的方式,给图片兜底尺寸