Вёрстка под ретина?

Question

[Виталий Фролов]

Есть свёрстанный сайт,в браузере ipad/ipad pro всё отображается окей. Заходишь с планшета 2054px .. всё ломается. Есть какой то вариант отображать на этом экране разрешение 1024px и увеличить его например в 2 раза ява скриптом?ну или вообще какие варианты? Сайт на вордпресс,ставил плагин wpretina2.0 но он что то толком не помог.

Comments

[Froggyweb]

не верю разница между ретиной/не ретиной может быть только в подмыленных картинках. либо что-то наворочено уж совсем неправильное.
можно ссылку на сайт?

[Виталий Фролов]

Froggyweb: cайт на локалке.

[Froggyweb]

ну выложи один из проблемных блоков на codepen к примеру

[Ankhena]

Заходишь с планшета 2054px .. всё ломается.

Нет планшетов с вьюпортом 2054px.

Чтобы ответить почему все ломается нужно видеть код.
По звездам: не правильно стоит meta viewport, не правильно написаны media запросы, условия скриптов и т.д.

Answer 1

[zooks]

Легких решений нет, нужно смотреть как заданы медиа-запросы в стилях.

Answer 2

[Саша]

Виталий Фролов
изначально отловите ширину экрана, при которой возникает ошибка.
если дело в ширине то правьте media под неё, если в ретина экране, то соответственно правьте media под ретину