Адаптация под ipad?
Не могу адаптировать сайт из курса под iPad. Высота страницы на 100% зума ограничена и не прокручивается (первый скрин, сайт в крайнем нижнем положении). Если сделать зум 50% - видно весь сайт (cкрин 2). Изменить ничего не могу - задавал height 100% для body, .main, .container и т.д., без изменений. Ничего не понимаю, и это ужасно раздражает. Помогите пожалуйста (поделитесь кодом, если возможно). Скрин 3 - код с медиазапросом под iPad
1) https://ru.files.fm/u/wfekxutuj
2) https://ru.files.fm/u/9xcee5d3k
3) https://ru.files.fm/u/hthtnbv4x
2 ответов
1. Проект пробовали запускать из исходного кода?
2. Иногда хром эмулятор глючит, лучше на реальном ipad запускать, чтобы показывал настоящий результат адаптивности
Спасибо за ответ, просто я чувствую, что не до конца понимаю некоторые нюансы данной темы.
По поводу ошибки вы правы. У меня есть планшетный пк (1200х800). Хром и гугл показывали адаптивность под эти размеры очень криво. На самом планшете верстка ведет себя корректно. Жаль, что нет возможности проверить на айпаде. Есть-ли где-нибудь более подробная информация по адаптиву? К примеру, разные вариации записи вьюпорта. Везде пишется width=device-width, но так же проговаривается возможность написания аналога для height. Возникает масса вопросов: в чем разница, когда эти значения нужно применять и для чего? Заранее благодарю за помощь