ipad css / viewport

Question

У меня есть две проблемы (только iPhone \ iPad), которые мне не удалось решить на моем веб-сайте

1. У меня есть странное поле под контейнером заголовка (2 пикселя), это можно решить, добавив overflow: hidden, однако это означает, что мои выпадающие меню не будут работать, что довольно неудобно.

2. Кажется, есть проблема с окном просмотра (как книжным, так и альбомным) .. Я использую сетку 978 пикселей ... разве она не должна просто уменьшаться, чтобы соответствовать?

это мои дополнительные правила CSS (у меня есть обнаружение UA и особые CSS)

html * {
    max-width: 980px;
}

.container {
    padding: 0;
}

header {
    position: relative;
}

div#content {
    margin-top: 0px;
}

Answer 1

Снятие нижней накладки с вашего логотипа исправляет проблему для меня, т.е.

header img.logo {
    padding: 9px 5px 0 0;
}