图片加载时无高度问题，如何提前给高度占位

Question

图片占位已经用padding-bottom 高比宽*100 %实现了 由于图片高度过大 使页面div高度占位特别大
导致图片无法显示大部分图片内容 就使用了 max- height：100vh的方法缩放图片
可padding-bottom的高度 百分比如何要与max-height：100vh的宽高度一样？ 不知道该怎么计算了。

Answer 1

设置一下 max-width: 100% 吧，也可以在限制一下外部盒子的最大宽度，根据业务需要，这种情况下再去设置 height 相关的就是错误的。