我想让页脚浏览器的宽度独立.
对于Mozilla，我希望使用值-moz-available，当用户使用Opera时，CSS应该从-webkit-fill-available获取值.
在CSS 3中如何实现这一点？
我试着这样做:
width: -moz-available, -webkit-fill-available;
这不会给出预期的结果.
我想让页脚浏览器的宽度独立.
对于Mozilla，我希望使用值-moz-available，当用户使用Opera时，CSS应该从-webkit-fill-available获取值.
在CSS 3中如何实现这一点？
我试着这样做:
width: -moz-available, -webkit-fill-available;
这不会给出预期的结果.
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的浏览器使用.