Проблема?
По какой-то причине первый раздел под заголовком (это веб-сайт, оптимизированный для мобильных устройств) не отображается в мобильном представлении. Остается бланко.
Это лишь небольшая часть CSS, так что это тоже не очевидная проблема CSS.
Что я сделал?
1) Клонировал шаблон и создал собственный макет с помощью генератора статических сайтов JEKYLL.
2) Этот шаблон имел классический корневой каталог (файл css
+ index.html
).
3) Я добавил тег {% SEO%}
к <head>
4) Я столкнулся с проблемой, описанной здесь Почему жидкий тег {%SEO%} не интегрируется в head? вместо этого он отображается в теле
5) Я добавил yaml-front-matter в index.html
, чтобы решить проблему, но также изменил корневой каталог на архитектуру jekyll (_includes
+ _layouts
+ frontmatter в index.html
6) В то же время я попытался уменьшить 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/