Jump to content
  • 0
Sign in to follow this  
slava116

Магнитная шапка не дружит с IOS

Question

slava116    2

Здравствуйте всем.

Заметил следующий момент. Если на сайте сделана магнитная шапка (прилеплена вверху и скролится вместе с мышкой), и при этом нет отдельной мобильной версии, то возникают проблемы с зумом на iphone и ipad. На андройд все отлично.

Нашел выход. Делаю мобильную версию, но с теми же размерами страницы как и у десктопа. И полнойтью копирую туда десктопный сайт. Но магнит в шапке отключаю. В итоге айфоны открывают мобильную версию, она выглядит так же как и десктоп, но нет магнитной шапки и нет соответственно проблем с зумом. Такое решение это костыли. Редактировать тексты и т.д. нужно уже в двух версиях. Есть ли какое-либо другое решение?

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0
1 час назад, slava116 сказал:

Такое решение это костыли. Редактировать тексты и т.д. нужно уже в двух версиях. Есть ли какое-либо другое решение?

Мобильные версии делать обязательно, если вы хоть как то беспокоитесь о том как сайт будет работать на устройствах. Если вы не хотите делать мобильные версии, то и не заморачивайтесь проверкой на мобильных девайсах, а оставьте всё как есть, на самотек.

Мобильные версии можно делать с помощью альт макетов (тогда надо редактировать текст отдельно в каждой версии или можно его связать), или с помощью точек остановки. Под мобильные устройства совершенно другая философия дизайна сайтов. Сайты простые, без эффектов, текст крупнее, состояния курсор над кнопкой не применяются, крупные элементы интерфейса для удобства пальцев (поисковики это всё оценивают) Закрепления (магнитные шапки), эффекты прокрутки в макетах или в точках остановки, предназначенных для мобильных устройств - отключаются или скрываются и на их месте создаются специальные решения под устройства. Закрепление и эффекты прокрутки могут привести к непредсказуемому поведению на большинстве устройств и в мобильных браузерах. Особенно это касается Яблок. Единственная комбинация где это работает более менее нормально - Андроид + Фаерфокс.

Ну и всё это уже сто раз обсуждалось на форуме - поиск рулит;)

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
slava116    2

Павел, спасибо за информацию. Я в курсе обо всем этом. Разработал более 100 сайтов на Muse, в т.ч. и мобильных. Сам клиент решает делать ему мобильную версию или нет (за доп плату). Поэтому некоторые хотят сэкономить и заказывают только десктоп. Это по поводу что бы делать всем. 

Факт остается фактом. Сайты на других платформах (не Muse) нормально дружат с ios в плане магнитных шапок. А вот Muse не дружит. Надеюсь, этот косяк исправят с обновлениями.

Share this post


Link to post
  • 0
23 минуты назад, slava116 сказал:

Сайты на других платформах (не Muse) нормально дружат с ios в плане магнитных шапок.

Я не знаю таких платформ - нет нет  но косяки везде проскакивают. Это возможно подружить, но только руками програмиста. Грамотные разработчики отключают это на мобильных медиазапросах. Взять тот же Divi для Wordpress - на компьютерах шапка приклеена, на мобильных нет - по умолчанию. и с паралаксами то же самое. Где это не учитывается, значит разработчики косяконули. Даже если бы это работало нормально, это тяжело для смартфонов, а значит потеря трафика.

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

23 минуты назад, slava116 сказал:

Сам клиент решает делать ему мобильную версию или нет (за доп плату).

Дык в чем проблема? Просто тогда не давайте ему никаких гарантий для моб. устройств.

Share this post


Link to post
  • 0
slava116    2

Гарантии они конечно же хотят )))

Для десктопа безусловно магнитная шапка удобна для текущей навигации. Пробовал отказываться от неё. Клиенты просили добавить :)

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...