html - 移动 iOS Safari : Percentage height inside of a vh height container

我有个小问题。

上下文:我有一个容器，它的高度设置为 vh 单位，在这个容器内部我正在使用一个组件。该组件正在使用百分比高度来正确设置。

问题:我的容器的高度设置正确，但是与百分比相关的任何内容都没有。 (即，我的容器高度 = 500px，而设置为 100% 高度的组件远高于该数字)。

问题发生在平板电脑上的 iOS Safari 上(我使用的是 iOS 10.0.2)，但在台式电脑上一切正常。

我研究了这个问题的变通方法，它始终是相同的建议:“设置要继承的内容的高度”但这是我想尽可能避免的事情，因为我想避免修改组件.这个组件使用 calc 来计算它的高度，所以我不能只使用继承。

有什么建议或可以尝试的事情吗？

---

Best Answer-推荐答案

如果您设置了父容器的高度，则始终可以将高度设置为百分比，但如果您不能。可能是因为不支持“vh”单位。所以请查看 caniuse.com 的支持然后可能通过其父级的 JS 提供 px 后备或设置高度。

关于html - 移动 iOS Safari : Percentage height inside of a vh height container，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41902695/