Question

我正在将HTML页面转换为AMP页面。我见过测试网址https://validator.ampproject.org/#。此页面由AMP验证。

屏幕截图获取帮助：

但是当我使用外部Css时。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css">

然后它会失败。

屏幕截图寻求帮助。

然后我如何访问materialize css文件。因为我在我的网站上使用Materialise Ui框架。

但我也读到了

 <style amp-custom> </style>

SO AMP验证页面建议包括amp-custom中的内联css。但实现css是如此之久。它会破坏一些移动浏览器。因为https://github.com/ampproject/amphtml/issues/4555

如果有人有想法，请分享。

Answer 1

外部样式样式表在AMP中为forbidden。您必须在两者之间包含CSS声明self（最多10,000行）。这是为了节省额外的网络请求和阻止渲染的时间。

<style amp-custom>
...
</style>

Answer 2

当前，加速的移动页面不支持外部CSS。尽管您可以使用之前不允许的内联css。因此，您必须妥协CSS。