Google-amp-fit-text
提供:Dev Guides
Google AMP-テキストに合わせる
Ampタグ amp-fit-text は、ディスプレイを表示するのに十分なスペースがない場合、font-sizeを縮小します。 この章では、このタグについて詳しく説明します。
amp-fit-textを機能させるには、次のスクリプトを追加する必要があります-
Amp Fit-Textタグ
アンペアフィットテキストタグの形式は以下に示されています-
例
例の助けを借りて、このタグをよりよく理解しましょう。
出力
上記のコードの出力は以下のとおりです-
amp-fit-textを使用してディスプレイを表示する場合、コンテンツは使用可能なスペースに応じて調整しようとします。
Amp-fit-textには、 max-font-size および min-font-size の2つの属性があります。
- max-font-sizeを使用し、テキストをレンダリングするためのスペースが利用できない場合、サイズを縮小し、利用可能なスペース内で調整しようとします。
- min-font-sizeを指定した場合、スペースが利用できない場合、テキストが切り捨てられ、テキストが非表示の場所にドットが表示されます。
例
amp-fit-textにmax-font-sizeとmin-font-sizeの両方を指定する実際の例を見てみましょう。