Grav-media-media-queries

Grav-メディアクエリ

説明

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

例

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

出力

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

Grav Media