我使用Gatsby-plugin-sharp根据客户端的设备宽度自动使用最佳图像尺寸,但我似乎无法做到这一点。在gatsby-plugin-sharp的描述中,它表示" ResponsiveSizes为图像创建尺寸(宽度)。如果渲染的降价文件的容器的最大宽度为800px,则大小将为:200,400,800,1200,1600,2400 - 足以为每个设备大小/屏幕分辨率提供接近最佳图像大小。 "
第一个问题:如何设置渲染的降价文件的最大容器宽度? 这引出了我的下一个问题:如何动态设置此宽度?假设客户端的窗口大小为400px,我希望加载400的图像宽度。我该如何做到这一点?
当前图形QL查询:
rand