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

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

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

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)