现在的需求是: 页面内容不满一屏那么就撑满一屏,超过一屏就把flex:auto;元素撑开。
webview没问题, skyline有问题。
不能在wrapper上加height,不满一屏的时候看起来是好的,但是内容如果超过一屏就会被截断。
wxss代码
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.header {
border: 1px solid blue;
flex: none;
height: 100px;
}
.content {
border: 1px solid red;
flex: auto;
}
wxml代码
<view class="wrapper">
<view class="header">header</view>
<view class="content">content</view>
</view>
skyline
webview
代码片段: https://developers.weixin.qq.com/s/irkIklmO7tQ5
实测是需要在wrapper加上height,可能是skyline对min-height有问题
你说的“不能在wrapper上加height,不满一屏的时候看起来是好的,但是内容如果超过一屏就会被截断”
如果内容超出容器应该要加scroll-view吧
不知道有没有理解错