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 -