当前位置: 首页 > 文档资料 > Grav 入门教程 >

媒体查询的大小(Sizes with media queries)

优质
小牛编辑
124浏览
2023-12-01

描述 (Description)

attributes使用媒体查询,可以在设备上使用不同的widths 。 在此过程中,您不必创建多个图像,因为它们是自动创建的。 如果您的浏览器不支持src set,则会显示原始图像。

例子 (Example)

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

输出 (Output)

上面的代码将生成以下输出 -

格拉夫媒体