Question

我在gatsby网站上的一页有问题。

如果我从其他任何页面转到该页面，则显示效果很好。但是，如果我直接访问它的链接，或者在加载后刷新页面，则该页面无法正确呈现。其他所有页面都可以正常显示。与此不同的一件事是使用弹性显示布局。

看看页面结构，它的呈现方式有所不同。 HTML看起来几乎相同，但是gatsy设置的类和类属性不同。

这是相关页面：https://www.hazardousfrog.com/contact-us/

如果有人可以快速浏览一下，让我知道这是盖茨比问题还是我做错了什么，我将非常感谢。

Answer 1

查看后，我相信这可能是您的错误。我在单独的选项卡中查看两个页面，其中一个页面正确显示，而另一个页面则不正确。使用开发人员工具，我检查了表单组件，发现它们加载的样式完全不同。我无法确切地告诉您是什么原因造成的，但是如果我不得不猜测可能是您的样式或类相互覆盖。

    //the form style when it is NOT rendered correctly
    .jss9 {
        margin: 0;
        border: 0;
        display: inline-flex;
        padding: 0;
        position: relative;
        min-width: 0;
        flex-direction: column;
        vertical-align: top;
    }

    //form styles when it IS rendered correctly
    .jss357 {
        display: flex;
        flex-wrap: wrap;
    }

盖茨比-页面刷新损坏

1 个答案: