← Комьюнити

Адаптация под ipad?

student_X9Pa9u1n2 ответов
#html#css

Не могу адаптировать сайт из курса под 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 запускать, чтобы показывал настоящий результат адаптивности

student_Cx8W3815

Спасибо за ответ, просто я чувствую, что не до конца понимаю некоторые нюансы данной темы.

По поводу ошибки вы правы. У меня есть планшетный пк (1200х800). Хром и гугл показывали адаптивность под эти размеры очень криво. На самом планшете верстка ведет себя корректно. Жаль, что нет возможности проверить на айпаде. Есть-ли где-нибудь более подробная информация по адаптиву? К примеру, разные вариации записи вьюпорта. Везде пишется width=device-width, но так же проговаривается возможность написания аналога для height. Возникает масса вопросов: в чем разница, когда эти значения нужно применять и для чего? Заранее благодарю за помощь

student_X9Pa9u1n

Ваш ответ

Войдите, чтобы ответить