powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Адаптация под мобильники
10 сообщений из 10, страница 1 из 1
Адаптация под мобильники
    #39177391
qi_ip
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Приветствую!

Подскажите, как осуществляется адаптация сайта под мобильные браузеры?
То есть, есть основной сайт, разработанный для десктопных компьютеров/браузеров. В какой-то момент возникает необходимость его корректного отображения на мобильных браузерах. Пишутся отдельные стараницы именно для мобильных или как-то тегами разруливается на классы?
В этом профан, поэтому задаю такой вопрос.
И как определяется, какой браузер используется: мобильный или десктопный? Я так понимаю, через JS? Или же с помощью CSS в зависимости от разрешения экрана.

Спасибо!
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39177688
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
qi_ip, в моем проекте адаптация осуществляется с помощью измерения ширины экрана и соответсвутющее изменение UI (с помощью опять же CSS) под мобильный телефон/компьютер. Отдельные страницы не делаем.
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39177737
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если сайт большой, то делается облегченная версия для мобильников. На сервере проверяется клиент, если он мобильный, то идет редирект на мобильную версию.

Если сайт не очень большой, переверстывается адаптивно. Серверных или клиентских телодвижений по этому поводу делать не нужно.
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39178318
qi_ip
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
А есть ли смысл постоянно следить за текущим разрешением экрана, чтобы подстраивать элементы страницы, например, при повороте экрана мобильного устройства? Почему спрашиваю, потому что часть элементов на форме меняю вручную (через JS)
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39178322
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
qi_ipА есть ли смысл постоянно следить за текущим разрешением экрана, чтобы подстраивать элементы страницы, например, при повороте экрана мобильного устройства? Почему спрашиваю, потому что часть элементов на форме меняю вручную (через JS)
Следить при помощи JavaScript? Нет.

Для этого придумали media queries, погуглите, материала полно. Вот например:

Адаптивный и мобильный дизайн с CSS3 Media Queries
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39179396
Уважаемый автор
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AntonariyЕсли сайт большой, то делается облегченная версия для мобильников. На сервере проверяется клиент, если он мобильный, то идет редирект на мобильную версию.

Если сайт не очень большой, переверстывается адаптивно. Серверных или клиентских телодвижений по этому поводу делать не нужно.

кстати, а как с точки зрения SEO, редирект на мобильную версию или адаптивный дизайн оптимальнее будет?
тоже надо сайт адаптировать под мобилы, вот и думаю, переписать адаптивно или просто редирект сделать на m.имя сайта.com!
посоветуйте пожалуйста!
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39179404
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Уважаемый авторAntonariyЕсли сайт большой, то делается облегченная версия для мобильников. На сервере проверяется клиент, если он мобильный, то идет редирект на мобильную версию.

Если сайт не очень большой, переверстывается адаптивно. Серверных или клиентских телодвижений по этому поводу делать не нужно.

кстати, а как с точки зрения SEO, редирект на мобильную версию или адаптивный дизайн оптимальнее будет?
тоже надо сайт адаптировать под мобилы, вот и думаю, переписать адаптивно или просто редирект сделать на m.имя сайта.com!
посоветуйте пожалуйста!этот вопрос сео вообще параллелен. поисковики представляются гуглоботами и яндексботами, а этим товарищам отдавать мобильную версию сайта как-то не принято. я почти не видел в результатах поиска ссылок на мобильные версии. такое может быть, если кто-то на них ссылки выложил, и поисковик по ним прошел.
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39183171
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
qi_ip,

Про css media query позвоните для начала
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39183612
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAqi_ipА есть ли смысл постоянно следить за текущим разрешением экрана, чтобы подстраивать элементы страницы, например, при повороте экрана мобильного устройства? Почему спрашиваю, потому что часть элементов на форме меняю вручную (через JS)
Следить при помощи JavaScript? Нет.

Для этого придумали media queries, погуглите, материала полно. Вот например:

Адаптивный и мобильный дизайн с CSS3 Media Queries
Спасибо, интересно было почитать.
...
Рейтинг: 0 / 0
Адаптация под мобильники
    #39183739
dvim
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
qi_ip,
Можно вообще на мобильники отдельный сайт сделать.

Я использовал www.idangero.us/framework7/get-started/ ЛПР остались очень довольны.
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Адаптация под мобильники
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]