【无标题】

-webkit-fill-available

属性解释

fill-available，是css的自适应关键字，其作用为撑满可用空间。

-webkit- 是一个前缀，浏览器厂商会在属性前加一个私有的前缀来支持新属性。这个前缀指能够在以webkit为内核的浏览器中正常使用。以webkit为内核的浏览器代表有safari和chrome

兼容性处理

el {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}