我猜想非自定义样式有一个“优雅的回退”,因为浏览器不了解CSS变量将忽略该CSS。
是否有AMP的浏览器兼容性/支持矩阵?
解决方法
In general we support the 2 latest versions of major browsers like Chrome,Firefox,Edge,Safari and Opera. We support desktop,phone,tablet and the web view version of these respective browsers.
Beyond that the core AMP library and builtin elements should aim for very wide browser support and we accept fixes for all browsers with market share greater than 1 percent.
In particular,we try to maintain “it might not be perfect but isn’t broken”-support for the Android 4.0 system browser and Chrome 28+ on phones.
从DEVELOPING.md#supported-browsers
但是.. CSS变量?
CSS自定义属性(也称为CSS变量)的使用是polyfilled:
AMP HTML components that are more complex and nested … may be styled with an explicitly defined set of CSS Custom Properties. These are propagated to any children elements that are dynamically created by the runtime,to achieve the desired style.