#BlackLivesMatter
Do you build things with AMP? Fill out the new AMP Developer Survey!
AMP

Important: this documentation is not applicable to your currently selected format email!

amp-dynamic-css-classes

Description

Adds several dynamic CSS class names onto the <body> element.

Required Scripts

<script async custom-element="amp-dynamic-css-classes" src="https://cdn.ampproject.org/v0/amp-dynamic-css-classes-0.1.js"></script>

Behavior

The AMP Dynamic CSS Classes extension adds the following CSS classes onto the <body> element:

amp-referrer-*

One or more referrer classes will be set, one for each level of subdomain specificity. For example, www.google.com will add three classes: amp-referrer-www-google-com, amp-referrer-google-com, and amp-referrer-com.

We currently have a few special cases:

  • When the user came through a Twitter t.co short link, we instead use twitter.com as the referrer.
  • When the string "Pinterest" is present in the User Agent string and there is no referrer, we use www.pinterest.com as the referrer.

amp-viewer

The amp-viewer class will be set if the current document is being displayed inside a Viewer.

さらに支援が必要ですか?

このドキュメントを何度読み返しても、ご質問のすべてを完全に解消することができませんか?他にも同じ事を感じた人がいるかもしれません。Stack Overflow で問い合わせてみましょう。

Stack Overflow にアクセスする
バグや不足している機能がありますか?

AMP プロジェクトでは皆さんの参加と貢献を強くお勧めしています!当社はオープンソースコミュニティに継続的にご参加いただくことを希望しますが、特に熱心に取り組んでいる問題があれば1回限りの貢献でも歓迎します。

GitHub にアクセスする