这是一个创建于 2167 天前的主题，其中的信息可能已经有所发展或是发生改变。
我设置了容器大小为页面可视区域，子元素分别是 flex: 1 （填充剩余高度)和折叠的组件，点击折叠组件，flex:1 的组件的高度会压缩？
但是 android 里表现虽然正常，iOS 却不会这样，而且折叠组件的展开部分被隐藏，flex：1 的高度不会改变。
这是 iOS 的表现差异吗？要如何修改呢
 |
1
abelmakihara 2018-12-18 15:58:00 +08:00
没有完全看懂描述
不过你可以试着给折叠的 height 再加一个 min-height |
|
2
abelmakihara 2018-12-18 15:59:24 +08:00
还有 flex 用 flex-grow 和 flex-shrink 试试
|
 |
3
caopi OP @abelmakihara 就是原本我设置了两个子元素，一个元素设置为 flex: 1 占据容器剩余高度，另一个元素是个折叠组件，点击展开高度会增加所以设置了 flex: 1 的组件会被挤压高度，android 里是这样没问题的。但是到了 iOS 里，flex:1 的元素的高度不会改变，而且折叠组件展开的高度都被隐藏了
|
|
4
abelmakihara 2018-12-18 16:06:47 +08:00
@caopi #3 外面加 overflow:hidden 试下
|
|
5
caopi OP @abelmakihara 加了 flex-grow 和 flex-shrink 的，修复好了，多谢
|
Select Language