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