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

Andru_787

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

searchingman

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

Andru_787

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

effrit

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

*

Andru_787

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

effrit

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

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

Andru_787

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

voland

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

effrit

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

fsv

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

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

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

Кнопка “Добавить в корзину” VirtueMart не работает на главной странице сайта

Автор max_max

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

Автор Fedor Vlasenko

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

Автор indes

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

Автор kovardaks

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

Автор gromlan

Ответов: 6
Просмотров: 1403
Последний ответ 28.02.2018, 16:57:15
от gromlan