移动iOS游侠：高度容器内的百分比高度

Question

我有一个简单的问题。

上下文：我有一个容器，它的高度设置在vh单元中，在这个容器里面，我正在使用一个组件。此组件正在使用百分比高度进行正确设置。

问题：我的容器高度设置正确，但相关的百分比不是。 （即我的容器高度= 500px，而设置为100％高度的组件远高于该数字）。

问题出现在平板电脑上的iOS Safari中（我使用的是iOS 10.0.2），但一切都在台式机上完美运行。

我研究了解决这个问题的方法，并且总是提出相同的建议：“设置要继承的内容的高度”但是我想尽可能避免这种情况，因为我想避免修改组件。这个组件使用calc来计算它的高度，所以我不能只使用inherit。

我可以尝试任何建议或事情吗？

Answer 1

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