相关疑难解决方法(0)

我们的网页背景图片在FireFox以及iPad/iPhone上的iOS中存在问题,页面右侧显示空白区域.

背景图片在其他浏览器上可以很好地扩展,但我们很难在这些浏览器上扩展浏览器的全长.

快来看看我们的火狐网站,看看我的意思.

我遇到了网页右侧和底部出现大空白的问题。测试网页的响应能力时。

我在stackoverflow上发现了类似的问题

1. 当背景图像应延伸页面的整个长度时，页面右侧会出现空白[关闭]

2. 当浏览器调整为较小的窗口时，网站页面右侧出现奇怪的空白

两个帖子的解决方案都是一样的

html, 
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
}

我不知道在哪里添加这个gatsby，我发现了一个与我的问题类似的帖子，关于gatsby 如何设计主体/背景的样式？。似乎不明白这个问题的解决方案是什么！

找到这篇文章How to add adynamic class to body tag in Gatsby.js? 对使用有一些想法react-helmet，我到底可以如何使用它？

谁能解释我如何html body在盖茨比中设置，以避免这个大的空白？

Resolution 1366x768边框下方的区域是空白区域

Resolution 1920x1080边框下方的区域是空白区域