попросили помочь с сайтом и доверстать.
в 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
-
если прописать !important или же просто в developertools отключить стиль, происходить следующее:
даже опистаь не могу что происходит. как будто размер окна 750px и div масштабировался относительно этого размера -
все работает нормально если я залогинен под админом. о_О
пробовал различные методы подключения стилей, только в таком порядке (т.е. в global import mobile) хром хотябы видит стиль mobile.
без понятия в чем проблема , может кто с талкивался с подобным?
Ответы
С less плотно не работал, только изучал. Как я помню, для корректной работы должен привлекаться less-препроцессор, или js на стороне клиента, или php — на сервере. Если пытаться использовать .less-файлы, как .css, без предобработки, то, вполне допускаю, что какой-то из браузеров может отказаться использовать файл с «неправильным» расширением. Особенно, если сервер отдает его с подозрительным Content-type.
То, что для залогиненного состояния видны изменения, это может быть связано с кэшированием. Первым делом нужно попробовать почистить кэш.
Или есть вероятность, что js-препроцессор не хочет работать для анонимного пользователя, из-за конфликта js-скриптов. Это можно проверить в js-консоли.
less-препроцессор естественно есть. Кеши чистил и кеши друпала и кеши браузера.
\ Или есть вероятность, что js-препроцессор не хочет работать для анонимного пользователя, из-за конфликта js-скриптов.
-- самое непонтно что только один файл не работает.
В одном проекте, под drupal 7, включил модуль jquery update и получил конфликт версий jquery. Но это обычно легко отследить в js-консоли, например, в firebug. Туда должны валится ошибки.
Скажите что получается, если файлы собрать в css и подключить?