与盖茨比的响应图像

时间:2017-11-04 20:08:09

标签: javascript graphql gatsby

我使用Gatsby-plugin-sharp根据客户端的设备宽度自动使用最佳图像尺寸,但我似乎无法做到这一点。在gatsby-plugin-sharp的描述中,它表示" ResponsiveSizes为图像创建尺寸(宽度)。如果渲染的降价文件的容器的最大宽度为800px,则大小将为:200,400,800,1200,1600,2400 - 足以为每个设备大小/屏幕分辨率提供接近最佳图像大小。 "

第一个问题:如何设置渲染的降价文件的最大容器宽度? 这引出了我的下一个问题:如何动态设置此宽度?假设客户端的窗口大小为400px,我希望加载400的图像宽度。我该如何做到这一点?

当前图形QL查询:

rand

0 个答案:

没有答案