• 0
Alarr

Большая проблема многодевайсности

Вопрос

Честно, сейчас так много устройств, что кажется восстание машин уже началось и щимить они начали уже в вёрстке.
Подскажите пожалуйста, что делать в такой ситуации:
у iPadPro разрешение 1366х1024, у какого-нить ноутбука, к примеру, 1280х800.
Так какую же версию сайта нужно отображать на Айпэд Про, если у него разрешение больше чем у ноутов?
Я сделал отображение десктопной версии. Но тут заказчик посмотрел сайт с обычного айпэда, и говорит, что туда надо мобайл. И вот парадокс:

iPadPro (protrait) - 1024x1366
iPad (landscape) - 1024x768
На один 1024 получается нужно повесить и десктопную и мобильную версию? Как?
Тогда вопрос, может показывать на айпэд про мобильную версию? Но:

Ноутбук 1280х800 - десктопная версия
iPadPro (landscape) - 1366х1024
У ноута разрешение меньше а версия десктопней так сказать...

Что делать? Это пипец?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

2 ответа на этот вопрос

  • 0

В данном случае надо проверять User Agent и отдавать сервером соответствующую версию

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Похожие публикации

    • Автор: Alarr
      Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800.
      Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? 
      Почему они так поступают и что с этим делать?
      Спасибо
    • Автор: andrdov
      На данный момент неплохо разбираюсь в вебе. Знаю html, css, php, mysql, javascript, jquery. Могу сделать интернет магазин, статейный сайт, также похожий сайт на этот :-)

      Но мне также хотелось бы создавать приложения под Android, но для этого мне нужно учиться примерно 2-3 месяца + потом годы практики (я в вебе уже 3 года). 

      Прошу, дайте дельный совет, что выбрать оставить веб и начать учить java + android ~ 6-10 мес или стать относительно профи в php и потом перейти на android?

      P.S. Приветствуются адекватный ответы, которые помогут новичку )
    • Автор: osi-v
      Приветствую! Может кто-нибудь уже сталкивался с такими проблемами.
      Есть сайт http://stroymechanika.intelinets.ru/
      Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY
      Модалки работают на type: ajax
      Инициализируются вот так:
      $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ callback(); } }, beforeClose: function(){ $(".fancybox-overlay").removeClass("r741-opened"); }, tpl: { wrap: '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div><div class="r741-message" ><div class="r741-message-inner" id="r741-message"></div></div></div>' } }) Что только не делал. В том числе все стили сносил, а все равно растянутая.
      Если еще подскажите почему на браузерах safari overlay наполовину перекрывает модалки, то вообще отлично будет.