amp 故事会与 Normalize.css 和 Basscss 完全配合使用吗?



amp-story可以完全与Normalize.css和Basscss一起使用吗?我问是因为 AMP Start 建立在这两个现有的开源项目之上:

https://www.ampstart.com/howitworks

规范化.css

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

低音

AMP start 是使用 Basscss(一个低级 CSS 工具包(构建的。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 类自定义页面。

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

请参阅 AMP 样式和布局文档中的"向网页添加样式"部分。

相关内容

  • 没有找到相关文章

最新更新