【发布时间】：2015-10-27 08:18:49
【问题描述】：
我需要根据元素的高度调整元素的宽度，并认为我已经使用透明的img 技巧制定了一个非常聪明的解决方案：
粉红色的 div 以 1:2 的比例正确渲染；但是，它应该在视口调整大小时调整大小（因为它的高度是 100vh 元素的 100%），但它没有。
如果您调整视口大小，如果视口高度增加，img 元素会增加宽度，但container 元素不会增加宽度以适应它，这违反了display: inline-block 的含义规则（如果您在 Chrome 控制台中选中并取消选中 .container 上的显示样式，它将正确调整大小以适应其子内容）。我认为问题是元素尺寸计算是父子到子的，因此当img 元素调整大小时，Chrome 不会重新计算它的父尺寸。有没有办法欺骗它这样做？
【问题讨论】：
标签： html css google-chrome