在图像加载之前设置div高度

Question

这有点难以解释。我会尽力的。

我有动态图像加载div（想想一下Feed中的Instagram图片）。图像随着屏幕的大小而扩大或缩小（响应）。我将宽度设置为100％，高度为自动。问题是div高度在图像加载之前没有任何东西比div与图像一起扩展。我希望如果在图像甚至开始下载/填充div之前，在页面加载时将div（Box此图像处于）设置为正确的高度。期望的结果看起来像;在页面加载时，您有一个框的提要，这些框都设置为正确的大小，然后图像在加载时填充这些框。

我的div是：

padding: 0 10px 0 8px;
box-sizing: border-box;

我的图片css是：

width: 100%;
height: auto;
border-radius: 18px;
border: 1px solid #eeefef;
background: #eee;

Answer 1

不，您无法在不知道图像大小的情况下将div大小设置为图像。最好尝试使用恒定的高度和宽度为div。