Какой ставить медиа запрос в css, для айпада с данным разрешением?

Question

[vitaly_74]

у iPad 9,7-дюймовый с разрешением 2048×1536 пикселей (264 ppi)? какой ставить max-device-width&

Comments

[ⓒⓢⓢ]

тут не только на айпаде, но и на обычном мониторе всё прыгает, ездиет и выезжает на половину в overflow, как раз в диапазоне айпада и меньше это наблюдается
примерно такой же шлак и на айпаде https://yadi.sk/i/Z5GxBiM_3U7CgF

Answer 1

[Lam Besis]

Зачем вы задаёте один и тот же вопрос несколько раз?
А вообще: для адаптивной верстки стоит использовать max-width. В вашем случае max-width 991 (если по бутстрапу).

Comments

[vitaly_74]

дело в том что под эти медиа у меня все сверстано (которые были в предыдушем вопросу), а верстка именно на ipade все равно едет. про max-width - спасибо!

[Lam Besis]

vitaly_74, в таком случае лучше кидайте ссылку на страницу где все едет, может дело вовсе не в медиа запросах)

[vitaly_74]

Lam Besis, atfashion.ru/makarov dj всяком случае сейчас переверстаю маленько, с учетом ширины окна

[vitaly_74]

vitaly_74, может все таки такой медиа?

media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }

[Lam Besis]

vitaly_74, так, а на что конкретно обратить внимание, что разваливается? Я смотрю с ipad и все выглядит более менее сносно.

[vitaly_74]

Lam Besis, да не парьтесь, там форма едет, решение нашел.

Answer 2

[Александр Алексеев]

Ориентироваться надо на вьюпорт устройства
Размеры вьюпортов можно узнать например на этом сайте viewportsizes.com

Я бы прислушался к предыдущему оратору и поставил 980 "как в бутстрапе" потому что бутстрап ориентирован не только на ipad и охватывает большинство устройтв

Comments

[vitaly_74]

а что значит 980?

[Александр Алексеев]

980px - медиазапрос в бустрапе
я думаю что это просто усредненный брейкпоинт, подходящий для большинства планшетов
вы просили конкретно для ipad - у него вьюпорт 1024