Grav - consultas de mídia

Descrição

Usando consultas de mídia em seu attributes, você pode usar diferentes widthsem dispositivos. Nesse processo, você não precisa criar várias imagens, pois elas são criadas automaticamente. Se o seu navegador não suportar o conjunto src, ele exibirá a imagem original.

Exemplo

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

Resultado

O código acima irá gerar a seguinte saída -