Народ. Есть вот такая страничка: http://webmaster.ayrveda.ru/ecoline-windows-test-task/ пытаюсь разобраться как верстать под ipad pro. в

фаербаге в эмуляторе мазилла - вроде бы все нормально выглядит
http://joxi.ru/LmGgJPehg5kWpm

но в эмуляторе гугл хрома все печально:
http://joxi.ru/E2p3KO1H4Jkzem

вопрос:
почему это происходит и какому эмулятору больше верить можно?
(как отображение данной страницы будет выглядеть в реальной жизни?)
И какой подход применять в данном случае для решения проблемы?

Так у тебя не должно быть фикс ширины. Респонсив нужен

Что в твоем понимании респонсив? (Настройки под отдельное разрешение? Если так - то они есть.)

Не на отдельное а нужно в диапозонах

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */ /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { ul.modal_window_catalog{ padding: 10px 25px 35px 25px; } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { ul.modal_window_catalog{ padding: 10px 23px 35px 23px; } } /* ----------- iPad Pro 10.5" ----------- */ /* Portrait */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { ul.modal_window_catalog{ padding: 10px 28px 35px 28px; } } /* Landscape */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { ul.modal_window_catalog{ padding: 10px 31px 35px 31px; } } /* ----------- iPad Pro 12.9" ----------- */ /* Portrait */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { ul.modal_window_catalog{ padding: 10px 23px 35px 23px; } } /* Landscape */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { ul.modal_window_catalog{ padding: 10px 23px 35px 23px; } }

Просто делай min width либо max width

да там проблема вообще в другом как я понимаю: https://ru.stackoverflow.com/questions/1320498/%d0%9a%d0%b0%d0%ba-%d1%82%d0%b5%d1%81%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d1%82%d1%8c-%d0%b2%d0%b5%d1%80%d1%81%d1%82%d0%ba%d1%83-%d0%bf%d0%be%d0%b4-ipad-pro-%d0%b1%d0%b5%d0%b7-xcode

Alibek Кulseitov 🇰🇿
на эмуляторе хрома и всех браузеров нормально

там проблема возникакет после переключений разных режимов

не возникает

https://ru.stackoverflow.com/questions/1320498/%d0%9a%d0%b0%d0%ba-%d1%82%d0%b5%d1%81%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d1%82%d1%8c-%d0%b2%d0%b5%d1%80%d1%81%d1%82%d0%ba%d1%83-%d0%bf%d0%be%d0%b4-ipad-pro-%d0%b1%d0%b5%d0%b7-xcode http://joxi.ru/MAjdQLoH1Xy5qm

да я видел)) вопрос по сути не в тему