Проблемы с сайтом CSS на iPad

Question

В браузере Safari для iPad2 происходит очень странная вещь.

Следующая страница (домашняя страница) обрезает крайнюю правую верхнюю навигационную ссылку.Должно быть написано «Запрос цитаты», но оно обрывается на «Requ».

Плюс, страница не имеет автоматического изменения размера, чтобы соответствовать экрану iPad как обычно.1007 * www.skiplan.co.uk

Я пытался использовать метатег viewport, но это только ухудшает его.

Есть идеи?Я просто не вижу никаких проблем в firebug.

Примечание: дрянные онлайн-эмуляторы iPad показывают, что все в порядке - это происходит на реальном / физическом iPad2

Answer 1

Окно просмотра iPad имеет ширину 960 пикселей, поэтому ваш сайт больше, чем его экран.Мета-тег viewport необходим для правильного масштабирования, хотя вам, возможно, придется поиграть, чтобы сделать его правильным.

Другой альтернативой является использование медиа-запросов для разработки уменьшенной версии для небольших экранов.

Мой совет - всегда иметь версию 960px - 1020px не является популярной шириной по причине!

Answer 2

Скорее всего, вы используете стили CSS, такие как проценты, которые позже нарушают ваш дизайн на iPad, поскольку он адаптируется к контейнеру размера дисплея (максимальные размеры).

Чаще всего я вижу это, когда люди определяют ящик / контейнер в px, а шрифт / etc в %' or em`.