我的盖茨比网站上的一个页面出现问题。
如果我从任何其他页面转到该页面,那么它会呈现良好的效果。但是,如果我直接点击链接,或者在加载后刷新页面,那么它就无法正确呈现。所有其他页面都呈现良好。与此不同的一件事是使用柔性显示布局。
查看页面结构,它的呈现方式有所不同。 HTML 看起来几乎相同,但是 gatsy 设置的类和类属性不同。
这是有问题的页面:https://www.hazardousfrog.com/contact-us/
如果有人可以快速浏览一下并让我知道这是盖茨比问题还是我做错了什么,我将非常感激。
看完之后我相信这可能是你的错误。我在不同的选项卡中查看两个页面,其中一个正确呈现,而另一个则不正确。使用开发人员工具,我检查了表单组件,发现它们正在加载完全不同的样式。我无法告诉你到底是什么原因导致了这种情况,但如果我不得不猜测,可能是你的样式或类相互覆盖。
//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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)