Новости Joomla

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

Andru_787

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

searchingman

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

Andru_787

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
А ещё какие варианты есть?
*

effrit

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

*

Andru_787

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

effrit

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

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

Andru_787

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

voland

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

effrit

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

fsv

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

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

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

Оптимизация сайта

Автор joni

Ответов: 0
Просмотров: 779
Последний ответ 22.07.2023, 17:10:11
от joni
Скрипт при закрытии сайта

Автор Mick_20

Ответов: 8
Просмотров: 1108
Последний ответ 14.06.2023, 18:40:20
от effrit
Кнопка “Добавить в корзину” VirtueMart не работает на главной странице сайта

Автор max_max

Ответов: 0
Просмотров: 6467
Последний ответ 20.04.2021, 12:40:37
от max_max
[FAQ] Ускоряем загрузку сайта (руководства и инструменты)

Автор Fedor Vlasenko

Ответов: 117
Просмотров: 100108
Последний ответ 05.11.2020, 19:53:12
от Grigoriy82
Как убрать < class="moduletable ">на лицевой части сайта?

Автор indes

Ответов: 11
Просмотров: 3734
Последний ответ 07.05.2020, 17:35:38
от beliyadm