Страница 1 из 1

Мобильная версия сайта

СообщениеДобавлено: 28 мар 2014, 17:08
Mono
Насколько я вижу в движке реализована мобильная версия сайта. Может быть подскажете, как в мобильной версии закрыть отображение элементов дизайна. Что бы понятней, о чем это я, приведу пример скрытия элементов для версии браузера.
Код: Выделить всё
    <!--[if lt IE 9]>
       то что скрыто в IE ниже девятки
    
<![endif]--> 

Вот мне бы тоже самое, но чтобы срабатывало когда сайт открыли с мобильного девайса.

Re: Мобильная версия сайта

СообщениеДобавлено: 01 апр 2014, 09:57
Xpycm
Посмотрите на содержимое css файла - css\lessframework.css.
В этом файле увидите незнакомые (скоре всего) "штуки", типа:
@media only screen and (min-width: 768px) and (max-width: 991px)
@media only screen and (max-width: 767px)
...

Ознакомьтесь со статьями:
http://habrahabr.ru/company/google/blog/173861/
http://wedeal.ru/blog/styles-css-dlya-a ... o-dizayna/
http://line25.com/tutorials/create-a-re ... ia-queries

После прочтения данных статей вопросов не останется.

Re: Мобильная версия сайта

СообщениеДобавлено: 01 апр 2014, 09:59
Xpycm
Также для определения "с мобильного ли устройства просматривают сайт" есть замечательный сервис от Яндекса. Называется Яндекс.Детектор:
http://api.yandex.ru/detector/
http://api.yandex.ru/detector/doc/dg/ya ... tor-dg.pdf

Можете через него "прогонять" и в коде задавать условия:
Код: Выделить всё
if (мобильное устройство) {
...
}
else {
...
}
 

Re: Мобильная версия сайта

СообщениеДобавлено: 01 апр 2014, 23:12
Mono
Спасибо! То что надо)