我用
display:-moz-box
它在 Firefox 上的工作确实是在 chrome 上的“无效属性值”,我现在该怎么办?
谢谢
任何以连字符开头的 CSS 代码都是特定于浏览器的功能(这通常也意味着该功能是实验性的,尚未准备好完整发布)。
只有使用该扩展的浏览器(-moz-
适用于 Firefox)才能使用该属性。其他浏览器可能需要指定它们自己的前缀(例如-webkit-
,对于基于 Webkit 的浏览器,或-ms-
对于 IE)。
如果已标准化,您还应该指定样式的无前缀版本,因为一旦建立标准版本,实验性前缀可能会从未来的浏览器版本中删除。
在这种特殊情况下,我们谈论的是 flexbox 功能。随着时间的推移,规范已经发生了相当多的变化,因为它已经经历了标准化过程,所以一些浏览器可能支持非标准语法。这使得在这里给出一个简洁的答案有点困难,所以我不会详细介绍,而是为您指出一些可能有帮助的文章:
用于display:-webkit-box
镀铬
-moz-
是供应商前缀。供应商前缀对于浏览器是唯一的。它们用于应用非标准 CSS。 -moz-
适用于 Mozilla Firefox。-webkit-
用于铬。