Задать вопрос

Как подружить retina дисплей и CSS Media Queries?

Всем привет. Есть сайт, на котором есть некоторое количество медиа-запросов, отталкивающихся от ширины окна браузера (min-width / max-width).

Проблема: при просмотре на Макбуке с ретиной и разрешением 2560 x 1600 применяются стили для width == 1280 (то есть половина). $(window).width() возвращает эту же ширину. Я читал про devicePixelRatio и особенности ретины, но до конца не разобрался с темой.

Есть ли возможность как-то задать, чтобы сайт просматривался с реальным разрешением экрана (2560 или хотя бы 1920), то есть срабатывали медиа-запросы для бОльшего разрешения.
Ссылку на сайт привести не могу, но думаю и так понятно, в чём проблема.
  • Вопрос задан
  • 4920 просмотров
Подписаться 7 Комментировать
Подписчики вопроса 7 К ответам на вопрос (1)