Вы здесь

Chrome игнорирует css файл для моб версии

0

попросили помочь с сайтом и доверстать.
в info файле темы подключены стили:

stylesheets[all][] = style/global.less
stylesheets[all][] = style/tablet-portrait.less
stylesheets[all][] = style/hd.less
stylesheets[all][] = style/fhd.less

tablet-portrait.less

@media only screen and (min-width: 750px) and (max-width: 1024px){ }

hd.less

@media only screen and (min-width: 1025px) and (max-width: 1399px){}

и т.д.

т.е. все что меньше 750px должно браться с mobile.less, все что больше 1400 с fhd.less.

в global.less

@import url('mobile.less');

в опере и мозиле все работает хорошо. в хороме чудеса.
1. при размере окна до мобильных размеров срабатывает только tablet-portrait.less он перекрывает mobile.less

  1. если прописать !important или же просто в developertools отключить стиль, происходить следующее:

    даже опистаь не могу что происходит. как будто размер окна 750px и div масштабировался относительно этого размера

  2. все работает нормально если я залогинен под админом. о_О

пробовал различные методы подключения стилей, только в таком порядке (т.е. в global import mobile) хром хотябы видит стиль mobile.

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

Версия Drupal: 
7.x
Категория: 
HTML/CSS
Вопрос задан 14.07.2016 - 12:45
Аватар пользователя Denis
Denis
58

Скажите что получается, если файлы собрать в css и подключить?

Комментарий оставлен 15.07.2016 - 18:40

Ответы

0

С less плотно не работал, только изучал. Как я помню, для корректной работы должен привлекаться less-препроцессор, или js на стороне клиента, или php — на сервере. Если пытаться использовать .less-файлы, как .css, без предобработки, то, вполне допускаю, что какой-то из браузеров может отказаться использовать файл с «неправильным» расширением. Особенно, если сервер отдает его с подозрительным Content-type.

То, что для залогиненного состояния видны изменения, это может быть связано с кэшированием. Первым делом нужно попробовать почистить кэш.

Или есть вероятность, что js-препроцессор не хочет работать для анонимного пользователя, из-за конфликта js-скриптов. Это можно проверить в js-консоли.

Ответ дан 14.07.2016 - 16:24

less-препроцессор естественно есть. Кеши чистил и кеши друпала и кеши браузера.
\ Или есть вероятность, что js-препроцессор не хочет работать для анонимного пользователя, из-за конфликта js-скриптов.

-- самое непонтно что только один файл не работает.

Комментарий оставлен 15.07.2016 - 14:06

В одном проекте, под drupal 7, включил модуль jquery update и получил конфликт версий jquery. Но это обычно легко отследить в js-консоли, например, в firebug. Туда должны валится ошибки.

Комментарий оставлен 18.07.2016 - 22:00