这基本上是针对页面的标题，客户端想要填充标题以使其完全填充视口，但是当您将页面垂直缩小时，他们希望内容上方和下方的填充保持不变并停止缩小标题，基本上是内容的最小高度+填充。
我认为这很简单但是我被困住了，我已经尝试了我能想到的一切：
演示：https://jsfiddle.net/suunyz3e/858/
通过我的演示，如果您调整窗口大小，内容不应超过其父级的“红色”背景。
我已尝试flex-noshrink layout-fill min-height:100%。
我确信这是可能的，但我似乎无法弄明白