html - 移动 iOS Safari : Percentage height inside of a vh height container
<p><p>我有个小问题。</p>
<p>上下文:我有一个容器，它的高度设置为 vh 单位，在这个容器内部我正在使用一个组件。该组件正在使用百分比高度来正确设置。</p>
<p>问题:我的容器的高度设置正确，但是与百分比相关的任何内容都没有。 (即，我的容器高度 = 500px，而设置为 100% 高度的组件远高于该数字)。</p>
<p>问题发生在平板电脑上的 iOS Safari 上(我使用的是 iOS 10.0.2)，但在台式电脑上一切正常。</p>
<p>我研究了这个问题的变通方法，它始终是相同的建议:“设置要继承的内容的高度”但这是我想尽可能避免的事情，因为我想避免修改组件.这个组件使用 calc 来计算它的高度，所以我不能只使用继承。</p>
<p>有什么建议或可以尝试的事情吗？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>如果您设置了父容器的高度，则始终可以将高度设置为百分比，但如果您不能。可能是因为不支持“vh”单位。所以请查看 <a href="http://caniuse.com" rel="noreferrer noopener nofollow">caniuse.com</a> 的支持然后可能通过其父级的 JS 提供 px 后备或设置高度。</p></p>
<p style="font-size: 20px;">关于html - 移动 iOS Safari : Percentage height inside of a vh height container，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/41902695/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/41902695/
</a>
</p>
页:
[1]