ipad CSS / 视口

Question

我有两个问题（仅限 iPhone\iPad）无法在我的网站

1 上解决. 我在标题容器下方有奇怪的边距（2px），这可以通过添加溢出来解决：隐藏，但这意味着我的下拉菜单将无法工作，这是相当不方便的。

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;
}