我有个小问题。
上下文:我有一个容器,它的高度设置为 vh 单位,在这个容器内部我正在使用一个组件。该组件正在使用百分比高度来正确设置。
问题:我的容器的高度设置正确,但是与百分比相关的任何内容都没有。 (即,我的容器高度 = 500px,而设置为 100% 高度的组件远高于该数字)。
问题发生在平板电脑上的 iOS Safari 上(我使用的是 iOS 10.0.2),但在台式电脑上一切正常。
我研究了这个问题的变通方法,它始终是相同的建议:“设置要继承的内容的高度”但这是我想尽可能避免的事情,因为我想避免修改组件.这个组件使用 calc 来计算它的高度,所以我不能只使用继承。
有什么建议或可以尝试的事情吗?
如果您设置了父容器的高度,则始终可以将高度设置为百分比,但如果您不能。可能是因为不支持“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 |