Просмотр темы
 Мобильная версия сайта
|
|
| Olegovich |
Опубликовано 05.03.2019 16:26
|
 Начинающий  Сообщений: 29 Зарегистрирован: 27.10.2010 20:21 |
Народ, всем привет! Есть тут кто живой? Подскажите, пжлст, как можно реализовать (еще и правильно), чтобы для посетителей с мобильного отображалась именно мобильная версия сайта? (Но не через дублирование сайта в поддомен - mobile.site.com). Когда-то мне попадалось на глаза что-то типа через mobile_detect, но не могу найти... Помогите, плиз, или ткните носом! Заранее благодарен! |
|
|
|
| Polarfox |
Опубликовано 06.03.2019 11:34
|
 Администратор  Разработчики  Группа поддержки  Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03 |
есть регулярки которые проверяет юзерагент, есть так просто скрипты которые может дополняют и обновляют, есть вариант с js, есть вариант со стилями но это уже респонсив обычно.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
|
| Olegovich |
Опубликовано 07.03.2019 13:51
|
|
Начинающий Сообщений: 29 Зарегистрирован: 27.10.2010 20:21 |
Polarfox, поделитесь, плиз, что у Вас есть! |
|
|
|
| Polarfox |
Опубликовано 07.03.2019 22:11
|
|
Администратор Разработчики Группа поддержки Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03 |
у меня ничего, я не делал такое, так что проще сначала определиться как именно нужно и потом погуглить. тк я перечислил, но не дал ни одной ссылки - вот пример класса http://mobiledetect.net/ ( https://github.com/serbanghita/Mobile-Detect ) Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
|
| Alex |
Опубликовано 08.03.2019 12:09
|
 Администратор Группа тестеров  Персонал сайта  Сообщений: 1270 Зарегистрирован: 07.11.2010 13:05 |
для создания мобильной версии в файле хедер прописываю мета тег  Кодecho "<meta name='viewport' content='width=device-width, initial-scale=1'>\n";далее в файле стилей своей темы к нужному классу добавляю медиазапрос например: Код@media (max-width: 640px) {#sidebar {display: none;}}в браузере мазила файрфокс есть удобный инструмент - меню в правой части -> веб-разработка -> адаптивный дизайн. покажет как выглядит ваш сайт при определенных разрешениях экрана Объединено 08.03.2019 17:14: если класс нужно подстроить под несколько разрешений то прописываю так КодИзменил(а) Alex, 08.03.2019 12:14 |
|
|
|
| Поделиться этой темой | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
| Перейти на форум: |
