Metalsmith 博客使用 FullPage.js
Metalsmith Blog using FullPage.js
我正在尝试使用 Metalsmith 和 fullPage.js 库建立一个简单的博客。
目前我遇到一个问题，初始加载时部分 divs 的高度大约是正确大小的 2 倍。
即。当它最初加载控制台中的高度时，读数为 1563px。
奇怪的是，一旦我以任何方式调整浏览器 window 的大小，即。使它变大或变小，div(class='section') 高度将在控制台和浏览器中调整到正确的高度，并且一切都再次正确布局（与常规尺寸 div 与之前的超高尺码不同。
这种初始高度不一致导致我的布局出现许多对齐问题，例如 prev/next 箭头和 div 内容。
这是我的 public git 回购 project.
的 link
如果你想 运行 这个本地你可以把它拉下来，运行 npm install，然后 运行 nf start。然后您将能够在 localhost/3000.
访问它
如果有人有任何建议，我们将不胜感激。
谢谢。
仅 public 您的来源并不理想。 link 重现错误会好得多。
无论如何，我相信您的情况是缺少页面开头的强制性 DOCTYPE 声明。
看看any examples of fullpage.js。他们都有。
将此添加到生成的 HTML 文件的第一行：
<!DOCTYPE html>
我正在尝试使用 Metalsmith 和 fullPage.js 库建立一个简单的博客。
目前我遇到一个问题，初始加载时部分 divs 的高度大约是正确大小的 2 倍。
即。当它最初加载控制台中的高度时，读数为 1563px。
奇怪的是，一旦我以任何方式调整浏览器 window 的大小，即。使它变大或变小，div(class='section') 高度将在控制台和浏览器中调整到正确的高度，并且一切都再次正确布局（与常规尺寸 div 与之前的超高尺码不同。
这种初始高度不一致导致我的布局出现许多对齐问题，例如 prev/next 箭头和 div 内容。
这是我的 public git 回购 project.
的 link如果你想 运行 这个本地你可以把它拉下来，运行 npm install，然后 运行 nf start。然后您将能够在 localhost/3000.
访问它如果有人有任何建议，我们将不胜感激。
谢谢。
仅 public 您的来源并不理想。 link 重现错误会好得多。
无论如何，我相信您的情况是缺少页面开头的强制性 DOCTYPE 声明。
看看any examples of fullpage.js。他们都有。
将此添加到生成的 HTML 文件的第一行：
<!DOCTYPE html>