Grav-media-media-queries

提供:Dev Guides
2020年6月22日 (月) 19:06時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

Grav-メディアクエリ

説明

  • 属性*でメディアクエリを使用すると、デバイスで異なる*幅*を使用できます。 このプロセスでは、複数の画像が自動的に作成されるため、それらを作成する必要はありません。 ブラウザがsrcセットをサポートしていない場合、元の画像が表示されます。

![](/images/maxresdefault.jpg?derivatives = 320, 1440, 100&sizes = %28max - width % 3A26em % 29 + 100vw % 2C + 50vw)

出力

上記のコードは、次の出力を生成します-

Grav Media