Некоторые CSS не работают во внешнем интерфейсе


Этот вопрос, вероятно, задавался миллиард раз, но я не нашел точно такой же проблемы.

Я работаю в магазине М2 (v2.2.1). Недавно я случайно удалил файл .htaccess из pub/static. Я вернул его обратно, но с тех пор не все CSS моей темы загружаются. На самом деле, я даже не уверен, что это вызвало проблему, или, возможно, что-то еще испорчено (тоже).

Я использую этот скрипт для развертывания:

rm -Rf pub/static/*
rm -Rf var/view_preprocessed/*
rm -Rf var/cache/*
rm -Rf var/page_cache/*

php bin/magento maintenance:enable
php bin/magento setup:static-content:deploy -f en_US
php bin/magento setup:static-content:deploy -f nl_NL
php bin/magento cache:clean
php bin/magento maintenance:disable

Я пытался переключиться на разработчика режим, возвращаемся к производству. Я развертывал несколько раз, с явным удалением статических файлов и без него.

Я запустил переиндексатор, сбросил кэш. Сбросив кэш Redis, я запустил сценарии обновления и компиляции установки. Я удалил кэш и css-файлы из бэк-офиса magento. Я попытался настроить файл app/etc/di.xml, чтобы переключить стратегию разработки с символической ссылки на копирование. И обратно.

Все вышеперечисленное почти в каждом мыслимом порядке.

Файл CSS ( с правильным css-кодом включен в исходный код страницы. Файл существует, я могу получить к нему доступ через браузер или загрузить его через wget с другого сервера, однако некоторые правила CSS не применяются. Когда я копирую такие правила в консоль разработчика браузера, правила вступают в силу, так что дело не в глупой опечатке css или отсутствующем файле.

Я вернул около дюжины git-коммитов, пытаясь найти какие-либо соответствующие изменения, но пока ничего.

Очевидно, мне не хватает знание того, что на самом деле происходит. На данном этапе я чувствую, что просто делаю все хуже.

Есть какие-нибудь мысли?

Author: dvdmierden, 2019-05-21

1 answers

В вашем развертывании или в том, как вы компилируете файлы, нет ничего плохого, это проблема CSS, поскольку упомянутый вами CSS завернут в медиа-запрос.

Если вы уменьшите браузер, вы увидите, что CSS, о котором вы упомянули, применяется:

enter image description here

Если вы выполните поиск в CSS для @media only screen and (max-width: 479px), вы увидите, что в вашем медиа-запросе нет закрывающего тега.

 1
Author: Ben Crook, 2019-05-21 13:23:12