查看 AMP 规范,鉴于 CSS 变量对自定义样式元素的依赖,这意味着当前的浏览器支持范围很窄。请参阅:我可以使用参考吗
我猜对非自定义样式有一个“优雅的后备”,因为不理解 CSS 变量的浏览器只会忽略该 CSS。
是否有 AMP 的浏览器兼容性/支持矩阵?
一般来说,我们支持 Chrome、Firefox、Edge、Safari 和 Opera 等主流浏览器的 2 个最新版本。我们支持这些浏览器的桌面、手机、平板电脑和网络视图版本。
除此之外,核心 AMP 库和内置元素应该针对非常广泛的浏览器支持,我们接受对市场份额大于 1% 的所有浏览器的修复。
特别是,我们试图保持“它可能不完美但没有损坏”——对 Android 4.0 系统浏览器和手机上的 Chrome 28+ 的支持。
来自amp 常见问题
CSS 自定义属性(又名 CSS 变量)的使用是polyfill的:
更复杂和嵌套的 AMP HTML 组件可以使用一组明确定义的 CSS 自定义属性来设置样式。这些将传播到运行时动态创建的任何子元素,以实现所需的样式。
除了 Paul Irish所说的之外,现在还有一个用于 AMP 页面的专用桌面网络浏览器:基于 Chromium 的AMP Browser 。