ipad css / viewport

Question

我有两个问题(只有iPhone\iPad)我无法在我的网站上解决

1. I在头容器(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;
}