考虑到AMP规范,由于CSS变量依赖于自定义样式元素,这意味着当前的浏览器支持范围很窄。请参阅:Can I use reference
我猜测有一个优雅的后备'非自定义样式,因为不了解CSS变量的浏览器将忽略该CSS。
AMP是否有浏览器兼容性/支持矩阵?
答案 0 :(得分:24)
一般来说,我们支持Chrome,Firefox,Edge,Safari和Opera等主流浏览器的2个最新版本。我们支持这些相应浏览器的桌面,手机,平板电脑和Web视图版本。
除此之外,核心AMP库和内置元素应该以非常广泛的浏览器支持为目标,我们接受市场份额超过1%的所有浏览器的修复。
特别是,我们会尝试维护“它可能不完美但不会损坏” - 支持Android 4.0系统浏览器和手机上的Chrome 28+。
来自DEVELOPING.md#supported-browsers
使用CSS自定义属性(又名CSS变量) polyfilled :
更复杂和嵌套的AMP HTML组件......可以使用明确定义的CSS自定义属性集进行样式设置。它们传播到由运行时动态创建的任何子元素,以实现所需的样式。
答案 1 :(得分:0)
除了Paul Irish said之外,现在还有一个用于AMP页面的专用桌面Web浏览器:AMP Browser基于Chromium。