问将-moz-available和-webkit-fill-available放在一个宽度中(CSS属性)

EN

CSS将跳过它不理解的样式声明。基于Mozilla的浏览器不会理解-webkit-prefixed声明，基于WebKit的浏览器也不会理解-moz-prefixed声明。

因此，我们可以简单地声明两次width：

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

在开始时声明的width: 100%将由忽略-moz和-webkit-prefixed声明或不支持-moz-available或-webkit-fill-available的浏览器使用。

您应该使用stretch而不是fill-available。