盖茨比静态图像 0X0

Question

我正在使用新的 gatsby 图像插件，并且 StaticImage。我在网站上有几张图片，除了一张只有黑色背景的图片外，其他都正常工作

（黑色来源，将 bg 颜色属性更改为 red 例如将视图更改为红色）

<picture> 标签有 0X0 像素

另一个奇怪的事情是 auto-created div 容器的 max-width 为 47px，尽管图像比那个大（在所有其他情况下 max-width 实际上对应图像尺寸）

相关代码

// js
 <div className="advertising">
   <StaticImage
              className="advertising-img"
              src="../images/advertising.png"
              alt="advertising"
   />

//scss
  .advertising {
      position: relative;
      margin: 123px 162px 150px 536px;
      .advertising-img {
        width: 260px;
        height: 230px;
        position: absolute;
        left: -460px;
        top: -15px;
      }

page lookout（为了稍微理解 CSS 并显示另一张有效的图片..）

任何帮助将不胜感激，在此先感谢！ :)

编辑

实时站点 - https://catsh-landing-page.netlify.app/

Answer 1

广告图片请求被浏览器拦截，打开开发工具可以看到

此外，在我的手机上运行的事实 phone（下面的屏幕截图）：

让我觉得图像被浏览器本身或某些扩展程序（AdBlock 等）阻止，因为默认情况下是为了避免广告商或宣传。尝试更改图像的名称或尝试禁用扩展。

盖茨比静态图像 0X0

gatsby static image 0X0

image

sass

gatsby

gatsby-image

gatsby-plugin