問題？
何らかの理由で、ヘッダーの下の最初のセクション (「モバイル フレンドリー」な Web サイト) がモバイル ビューで表示されません。ブランコのままです。
これは CSS のごく一部にすぎないため、明らかな CSS の問題でもありません。
私がやった事？
1) テンプレートを複製し、JEKYLL 静的サイト ジェネレーターを使用して独自のレイアウトを構築しました。
2) このテンプレートには、従来のルート ディレクトリ ( css+index.htmlファイル) がありました。
3) に{% SEO%}タグを追加しました<head>
4) ここに記載されている問題が発生しましたなぜ Liquid {%SEO%} タグが head に統合されないのですか? 代わりに本文に表示されます
5) 問題を解決するために yaml-front-matter を追加しましindex.htmlたが、ルートディレクトリを jekyll アーキテクチャに変更しました ( _includes+ _layouts+ frontmatter ではindex.html
6) css ファイルを 1 つのファイルにまとめます。
7) モバイル ビューがレンダリングされないという問題を発見した後、すべてをクラシックに戻しました。それでも問題は残ります。
最小限
---
---
<!DOCTYPE html>
<html class="no-js" lang="zxx">
<body data-spy="scroll" data-target="#primary-menu">
{{ content }}
</body>
</html>
何が起こると思いますか？
yaml-front-matter を追加した後、私のモバイル フレンドリーな Web サイトは完全にレンダリングされます。
Respond.css へのリンク: https://github.com/bomengeduld/debadkamers/blob/master/css/responsive.css
style.css へのリンク: https://github.com/bomengeduld/debadkamers/blob/master/style .css
index.html へのリンク: https://github.com/bomengeduld/debadkamers/blob/master/index.html
Web サイトへのリンク: https://bomengeduld.github.io/debadkamers/