css - CSS：媒体如何计算它的图像大小

Question

我试图了解 medium 如何计算其最新列表中的图像大小。我的理解是图像是绝对定位的，大小来自.aspectRatioPlaceholder-fill div，它有 30% 的填充底部。

我不明白，计算 30% 的高度从何而来？任何人都可以在这里帮忙吗？谢谢！

这是链接：https ://medium.com/cinemania

标签： css

Answer 1

以百分比为单位的垂直填充是根据元素宽度计算的。这对于使用元素的纵横比非常有用。 https://css-tricks.com/aspect-ratio-boxes/