我有这样的事情：

我也在使用图片填充。

我的问题是 firefox 和 chrome（我目前正在测试的 2 个）都只会加载 big.jpg，即使在小屏幕上也是如此。还检查了控制台的网络跟踪。

我的 css 将 img 设置为基本流体：

那么我的代码有什么问题？

我正在更新网站的布局。我想保留模板 1 中的页眉和页脚图像并将它们合并到模板 2 中，但是，模板 2 的设计有点不同。

在原始模板中，页脚包含 2 个图像。两张图片的高度均为 203 像素。图 1 不重复，宽 950 像素。图 2 用于填充宽度。它是可重复的。我已经尝试过无数种方式对其进行编码，而我能做到的最接近的方式是，导致图像 2 填充整个底部覆盖图像 1。我尝试仅使用图像 1，但它不能正确缩放。

CSS：

HTML

嵌入的视频不会调整到容器 div 的大小。我已经编辑了 CSS 并最终使海报图像正确缩放，但现在视频的左侧和右侧分别裁剪了大约 50 像素。

我是否缺少 HTML5 中视频的容器？你能看看我的标记和样式吗？

我在谷歌上找到的许多示例和说明似乎都不起作用。我试图保持代码干净。

我有一个使用 Fluid 模板的扩展，如下所示：

这很好用 - 背景图像被正确引用 - 如果图像太大，则调整大小。但是，我的客户开始上传 PNG 格式的图像，这导致网站输出中的文件很大（> 5MB）。

我还没有找到任何选项来告诉流体图像助手在处理时将 ​​PNG 图像转换为 JPG。我能做些什么？

我正在使用Gatbsy、Contentful CMS 和Netlify建立一个网站。它看起来很棒并且可以在本地工作，但是我在使用tracedSVG选项的流体图像的生产中遇到了问题。Netlify 部署有时会工作，当我向项目添加更多图像时，现在会不断出现以下错误（并不总是在同一页面中）：

或者有时

在极少数情况下

（最后一个没有意义，因为图像存在于 Contentful 和我的内容模型的必填字段）

如前所述；GraphQL 查询从本地的 Contentful 工作中检索 tracedSVG 图像。我的代码如下：

通过使用 GraphiQL，我发现在本地使用tracedSVG而不是在...GatsbyContentfulFluid_tracedSVG本地也可以工作，但它在生产/Netlify 环境中崩溃是一样的。我考虑使用png图像而不是jpg因为错误表明文件本身有问题，尽管它们在本地渲染得很好，但 png 大小的等价物会减慢网站的速度（100kB 的 jpg 图像在 png 中大约是 900kb）。

是否有人在生产中使用 jpg 图像进行渲染时遇到过同样的问题tracedSVG，如果是这种情况，您是如何解决以阻止经常性崩溃的？谢谢你。

在我的函数圆柱流函数中，我得到了
(-V_inf*y[i,j]-(C_s/(2*pi))*log(sqrt((x[i,j]-S_1[0])**2+(y[i,j]-S_1[1])**2))
IndexError: too many indices for array 的输出

有人可以帮助解决这个问题吗？

我正在尝试调整图像大小但不起作用。

我在文档和其他地方看到，这应该有效，但不是。图像仍使用原始尺寸 600x800。

任何想法？

谢谢