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

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

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

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

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

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

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

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

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

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

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

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

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

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


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