-1

我正在尝试使用 Metalsmith 和 fullPage.js 库建立一个简单的博客。

目前我有一个问题,初始加载时部分 div 的高度大约是正确大小的 2 倍。

IE。当它最初加载控制台中的高度时,显示为 1563px。

奇怪的是,一旦我以任何方式调整浏览器窗口的大小,即。使其更大或更小,然后 div(class='section') 高度将在控制台和浏览器中调整为正确的高度,并且所有内容都再次正确布局(使用常规大小的 div 而不是超高的以前在那里。

这种初始高度不一致导致我的布局出现许多对齐问题,例如上一个/下一个箭头以及 div 内容。

这是这个项目的我的公共 git 存储库的链接。

如果你想在本地运行它,你可以把它拉下来,运行 npm install,然后运行 ​​nf start。然后,您将能够在 localhost/3000 访问它。

如果有人有任何建议,将不胜感激。

谢谢。

4

1 回答 1

1

仅公开您的来源并不理想。重现错误的链接会好得多。

无论如何,我相信你的情况是错过DOCTYPE了页面开头的强制声明。

查看fullpage.js 的任何示例。他们都有。

在生成的 HTML 文件的第一行添加:

<!DOCTYPE html>
于 2015-07-23T12:06:17.947 回答