0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 5516 Просмотров
*

Andru_787

  • Новичок
  • 23
  • 0 / 0
Здравствуйте.
Столкнулся с проблемой не верного отображения сайта на мобильных устройствах.
Сайт сделал на Joomla 2.5
каким образом и с помощью чего его можно оптимизировать под мобильные устройства?!
*

searchingman

  • Новичок
  • 3
  • 0 / 0
Переверстать шаблон, использую медиа запросы.
*

Andru_787

  • Новичок
  • 23
  • 0 / 0
А ещё какие варианты есть?
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
а) изначально взять резиновый/бутрстрап и т.д шаблон
б) использовать php скрипт для определения мобильных устройств и подключать поверх нужные стили (скриптов несколько таких, гуглятся)
в) то же самое, но с помошью js. простейшее решение - определить разрешение экрана, если оно меньше XXX по ширине, то цепляем доп. CSS
г) использовать медиа запросы. можно совместно с п. б/в

*

Andru_787

  • Новичок
  • 23
  • 0 / 0
Effrit скажи какое минимальное разрешение брать для адаптации? Тоесть если разрешение меньше стольки то то цепляем точкой то CSS
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
я такой алгоритм использую:
если (разрешение<ширины статичного сайта) то
    добавляем CSS, разбивающую статику (сайт начинает тянуться на всю ширину)

и в добавленном CSS можно ещё через медиазапросы сделать пару промежуточных условий для ширины, тут уже зависит от сайта. 
*

Andru_787

  • Новичок
  • 23
  • 0 / 0
Спасибо. сейчас пробую сделать адаптивный дизайн в Artister. не получится пойду по твоим стопам )
*

voland

  • Легенда
  • 10888
  • 580 / 111
  • Эта строка съедает место на вашем мониторе
Хм.. Сейчас у мобильников разрешение порой выше, чем у десктопов.
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
ну я же написал, что это - самое простое решение.
чтобы на массовых 8xx*4xx нормально казало
имхо, свыше этого проще прикрутить кнопку "мобильная версия", чем пытаться определить все существующие комбинации.
*

fsv

  • Живу я здесь
  • 2665
  • 384 / 2
Хм.. Сейчас у мобильников разрешение порой выше, чем у десктопов.

Код: html4strict
<meta name="viewport" content="width=device-width, initial-scale=1.0">

viewport с вариантами атрибутов
Веб-разработка: заказ. Только сложная и объемная разработка. Дорого.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[FAQ] Ускоряем загрузку сайта (руководства и инструменты)

Автор Fedor Vlasenko

Ответов: 116
Просмотров: 90776
Последний ответ 30.06.2020, 15:55:30
от 1AZ1
Как убрать < class="moduletable ">на лицевой части сайта?

Автор indes

Ответов: 11
Просмотров: 1760
Последний ответ 07.05.2020, 17:35:38
от beliyadm
LMS под Joomla 2.5 (создание сайта дистанционного обучения)

Автор kovardaks

Ответов: 8
Просмотров: 8105
Последний ответ 14.09.2019, 19:38:54
от Arturr
Тайтл Главной страницы сайта

Автор gromlan

Ответов: 6
Просмотров: 1068
Последний ответ 28.02.2018, 16:57:15
от gromlan
Некорректная работа плагинов после переноса сайта на другой хостинг

Автор ICaR

Ответов: 1
Просмотров: 635
Последний ответ 26.01.2018, 09:21:26
от kern.USR