Забыли пароль?
Запросите новый здесь.

Автор темы: Olegovich
ID темы: 3046
Информация:
Тема содержит 5 сообщения, была просмотрена 586 раз.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Моды
 Распечатать тему
Мобильная версия сайта
Olegovich
Народ, всем привет! Есть тут кто живой? Подскажите, пжлст, как можно реализовать (еще и правильно), чтобы для посетителей с мобильного отображалась именно мобильная версия сайта? (Но не через дублирование сайта в поддомен - mobile.site.com). Когда-то мне попадалось на глаза что-то типа через mobile_detect, но не могу найти...
Помогите, плиз, или ткните носом!
Заранее благодарен!
 
Polarfox
есть регулярки которые проверяет юзерагент, есть так просто скрипты которые может дополняют и обновляют, есть вариант с js, есть вариант со стилями но это уже респонсив обычно.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме

PolarLab - вход для подопытных
 
Web
Olegovich
Polarfox, поделитесь, плиз, что у Вас есть!
 
Polarfox
у меня ничего, я не делал такое, так что проще сначала определиться как именно нужно и потом погуглить.

тк я перечислил, но не дал ни одной ссылки - вот пример класса http://mobiledetect.net/ ( https://github.com/serbanghita/Mobile-Detect )
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме

PolarLab - вход для подопытных
 
Web
Alex
для создания мобильной версии в файле хедер прописываю
мета тег
Скачать исходники  Код
echo "<meta name='viewport' content='width=device-width, initial-scale=1'>\n";




далее в файле стилей своей темы к нужному классу добавляю медиазапрос
например:
Скачать исходники  Код
@media (max-width: 640px) {#sidebar {display: none;}}




в браузере мазила файрфокс есть удобный инструмент - меню в правой части -> веб-разработка -> адаптивный дизайн. покажет как выглядит ваш сайт при определенных разрешениях экрана

Объединено 08.03.2019 17:14:
если класс нужно подстроить под несколько разрешений то прописываю так

Скачать исходники  Код

div {font-family: Verdana, Arial, Helvetica, sans-serif;}}
@media screen and (min-width: 1000px) {div {font-size: 10px;}}
@media screen and (min-width: 1200px) {div {font-size: 11px;}}
@media screen and (min-width: 1400px) {div {font-size: 13px;}}
@media screen and (min-width: 1600px) {div {font-size: 14px;}}




Изменил(а) Alex, 08.03.2019 12:14
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Какой плагин PHP-Fusion уместно использовать для создания сайта КВИЗа?  →  Пожелания и предложения 1 / 155 18.02.2020 15:14
Восстановление сайта  →  Книга жалоб и предложений 130 / 59874 24.01.2020 06:23
Дизайн сайта  →  Книга жалоб и предложений 59 / 16124 24.01.2020 06:12
Панель "последние статьи" в зависимости от языка сайта и категории статьи  →  Моды 9 / 466 31.10.2019 22:59
Создание сайта на семерке  →  Платные услуги 1 / 533 22.05.2019 14:10
Не создаются темы на форуме, версия 9  →  Ошибки, баги 3 / 833 22.12.2018 14:42
Я скачал адаптивные темы с оф.сайта  →  Темы оформления 7 версии 8 / 1472 08.12.2018 10:44
Индекс качества сайта (ИКС) - новый показатель оценки сайта от Яндекс  →  Разное 4 / 1257 20.11.2018 02:29
Добавление стороннего php кода в страницу сайта или панель  →  PHP 5 / 2322 11.11.2018 07:55
Версия сайта для слабовидящих  →  Пожелания и предложения 12 / 11742 04.11.2018 17:32
Топ 5 пользователей форума
Alex Alex (1,211)   Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)