2

amp-story 能否与 Normalize.css 和 Basscss 完全兼容?我问是因为 AMP Start 是建立在这两个现有的开源项目之上的:

https://www.ampstart.com/howitworks

规范化.css

Normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。它仅针对需要规范化的样式。这为跨设备的 AMP Start 定义清晰一致的样式提供了一个全新的条件。

低音炮

AMP start 是使用低级 CSS 工具包 Basscss 构建的。Basscss 是一个非常轻量级的工具包,它提供了许多 CSS 实用程序类来帮助我们完成布局、响应式网格等操作,而无需编写任何自定义 css。

Basscss 开箱即用,精益求精,反应灵敏,这对 AMP Start 很重要。我们使用 Basscss 作为基础(无插件),但我们从 CSS 规则中删除了任何“!important”实例,因为“!important”与 AMP 不兼容。通过使用现有的 Basscss 类,我们能够编写更少的 CSS,并且仍然可以制作漂亮的页面,即使有 AMP 的 50Kb CSS 限制。

在这两个项目提供的基础之上,我们在 CSS 中添加了一组更自以为是的样式,以便组件和模板继承 AMP Start 的一致外观。

总而言之,CSS 占 AMP 中 50kB 配额的一半不到,因此您应该有足够的空间使用 Basscss 和 AMP Start 类自定义您的页面。

4

1 回答 1

1

是的,这两者都会生成纯 CSS,可以在 amp-story 中使用。与所有 AMP 文档一样,CSS 需要在<style amp-custom>块中内联。

请参阅AMP 样式和布局文档的“向页面添加样式”部分。

于 2018-10-14T22:44:11.783 回答