CSS将跳过它不理解的样式声明。基于Mozilla的浏览器不理解-webkit前缀的声明，基于WebKit的浏览器不理解-moz前缀的声明。
因此，我们可以简单地声明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前缀声明或不支持-moz-available或-webkit-fill-available的浏览器使用。
注意：fill-available（在规范中称为stretch）仍然是实验性的，不应该用于生产。

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

在我的例子中，最小宽度很有效：

min-width: -moz-available;
min-width: -webkit-fill-available;
min-width: fill-available;