• 0
Alarr

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

Вопрос

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

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

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

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

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


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

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

Рекомендованные сообщения

  • 0

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

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


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

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

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

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

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

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

Войти

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

Войти сейчас


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

    • Автор: d0ublezer0
      Привет!
      https://www.zebra-tara.ru/about
      Внизу есть кнопка [Cкопировать], на неё навешен такой код:
      var $j = jQuery.noConflict(); $j("#legal-copy").on("click", function (e) { var text = $j("#legal-info").text().trim(); var $scroll = $j("window").scrollTop(); var temp_element = $j('<textarea>').appendTo("#legal-copy").val(text).select(); $j("window").scrollTop($scroll); document.execCommand('copy'); temp_element.remove(); $j(this).text("Скопировано").prepend("<i class='fa fa-check-circle'></i> ").addClass("green-btn"); }); Как ни бьюсь - не удается избавиться от прокручивания к создаваемому элементу textarea в мобильном браузере. Он получает :focus и мобильный браузер прокручивает страницу.
      Добавка ScrollTop мне не помогла
      Как выкрутиться?
    • Автор: Alarr
      Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. 
      Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти?
      Как правильно делать дизайн мобильной версии, с какой шириной?
    • Автор: Alarr
      Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800.
      Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? 
      Почему они так поступают и что с этим делать?
      Спасибо

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы