OStack程序员社区-中国程序员成长平台

标题: html - 移动 iOS Safari : Percentage height inside of a vh height container [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-11 18:45
标题: 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/






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4