记一次flex布局中子项目尺寸不受flex-shrink限制的问题

Posted 谜原

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记一次flex布局中子项目尺寸不受flex-shrink限制的问题相关的知识,希望对你有一定的参考价值。

预期是写一个如下所示的布局内容: 即有一个固定高度的外部容器,顶部的header已知高度,在header占据了固定高度后,剩下的都分给body部分。因此采用flex布局,header设置flex-shrink为0,不自动收缩,body则flex-shrink为1,使其高度压缩为剩余高度。这个操作看起

以上是关于记一次flex布局中子项目尺寸不受flex-shrink限制的问题的主要内容,如果未能解决你的问题,请参考以下文章

ReactNative之Flex布局

div中子元素input设置flex无效

div中子元素input设置flex无效

flex布局

轻松pick移动开发第二篇,rem布局

Flex布局