gatsby - Gatsby Image - 可以用填充摆脱空 div 吗？

Question

我使用的砌体系统不适用于 Gatsby Image，但适用于常规 jpg 和 gif。

我 99% 确定这是因为当我使用 Gatsby's 时插入了这个带有填充的空 div，<Img>这里的第二行：

<div class="gatsby-image-wrapper">
<div aria-hidden="true" style="width: 100%; padding-bottom: 68%;"></div>
<picture><source srcset="...
...

当我在检查员视图中删除它时，砌体工作正常。有没有办法从插入中省略它？

Answer 1

如果您确信可以删除它div，请尝试设置display: none它：

.gatsby-image-wrapper > div[aria-hidden="true"] {
  display: none;
}

display: none基本上会从页面布局中删除 div 并且可能会解决您的问题。