Deployment 在Netlify上部署gatsby站点时，图像大小不正确

我用ImageFluid制作了一个Gatsby站点，以便在我的站点上有一个响应良好的映像，在本地开发中可以很好地工作，当我构建并使用serve在本地部署时，所有映像都有一个很好的大小。但是，当它部署在Netlify上时，图像选择不是很好，并且结果很少模糊。要显示的尺寸选择刚好低于好的尺寸选择。我不知道我能做些什么来修复它。。。 我尝试了一种部署方式：首先在github上托管我的站点，然后在netlify上拖放我的站点。 所以我有点迷路了

---

我建议删除查询（）中的

maxHeight

属性，该属性从本质上固定高度，约束图像。您正在一个大得多的容器（视口的

100vw

或

100%

中设置最大高度

300px

），创建如下输出：

<picture><source srcset="/static/71cab95f897e5df896f6b7f6f158ce76/240b5/casey_reas_0.jpg 75w,
/static/71cab95f897e5df896f6b7f6f158ce76/ba5d5/casey_reas_0.jpg 150w,
/static/71cab95f897e5df896f6b7f6f158ce76/99d74/casey_reas_0.jpg 300w,
/static/71cab95f897e5df896f6b7f6f158ce76/1e170/casey_reas_0.jpg 450w,
/static/71cab95f897e5df896f6b7f6f158ce76/0d31e/casey_reas_0.jpg 600w,
/static/71cab95f897e5df896f6b7f6f158ce76/ad7ed/casey_reas_0.jpg 914w" sizes="(max-width: 300px) 100vw, 300px"><img sizes="(max-width: 300px) 100vw, 300px" srcset="/static/71cab95f897e5df896f6b7f6f158ce76/240b5/casey_reas_0.jpg 75w,
/static/71cab95f897e5df896f6b7f6f158ce76/ba5d5/casey_reas_0.jpg 150w,
/static/71cab95f897e5df896f6b7f6f158ce76/99d74/casey_reas_0.jpg 300w,
/static/71cab95f897e5df896f6b7f6f158ce76/1e170/casey_reas_0.jpg 450w,
/static/71cab95f897e5df896f6b7f6f158ce76/0d31e/casey_reas_0.jpg 600w,
/static/71cab95f897e5df896f6b7f6f158ce76/ad7ed/casey_reas_0.jpg 914w" src="/static/71cab95f897e5df896f6b7f6f158ce76/99d74/casey_reas_0.jpg" alt="" loading="lazy" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 1; transition: opacity 500ms ease 0s;"></picture>

---

正如我所说，这将在项目根目录中创建一个

.nvmrc

文件，Netlify将在部署过程中捕获该文件，以设置节点版本（安装依赖项时为键）。

您已经像往常一样解决了问题！你是一个真正的盖茨比魔术师。。。Thx的诀窍，迫使我的应用程序工作一样，在真正的部署。

node -v > .nvmrc