0

问题？

由于某种原因，标题下方的第一部分（它是一个“移动友好”网站）没有在移动视图中呈现。它仍然是布兰科。

它只是 CSS 的一小部分，所以它也不是一个明显的 CSS 问题。

在此处输入图像描述

我做了什么？

1) 使用 JEKYLL 静态站点生成器克隆模板并构建我自己的布局。
2）这个模板有一个经典的根目录（css+index.html文件）。
3）我添加{% SEO%}标签到<head>
4）我遇到了一个问题，这里描述了为什么液体 {%SEO%} 标签没有集成到头部？相反，它显示在正文
5 中）我添加了 yaml-front-matter 来index.html解决问题，但还将根目录更改为 jekyll 架构（ 6 中的_includes+ _layouts+ frontmatter index.html
）同时我试图通过缩小许多 http 请求来减少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 后，我的移动友好网站完美呈现。

在此处输入图像描述

responsive.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
链接到网站： https ://bomengeduld.github.io/debadkamers/

4

0 回答 0