iPad CSS页面宽度

我在iPad和桌面上的页面和标题有一些问题

当你在电脑上观看时，图片和页眉/页脚应该100%延伸到边缘。

当你在iPad上看到它时，它不会显示页面的全宽，而且100%的页眉会被调整大小。我想让ipad显示整个页面的宽度。

我刚刚开始为iPad进行优化，但我遗漏了什么？我肯定我错过了一条愚蠢的小规则。下面是标题HTML

<header>
    <div id="header-wrapper">
        ... header content ...
    </div>
</header>
<div id="page-content">
        .... photos ....
</div>

希望这是足够的信息

布伦登

---

写入

最小宽度：1024px而不是
最小宽度：1180px#wrapper
中添加code>，因为这也是电脑的问题。检查您自己。
您可以通过元标记查看缩放控件。最近，当iPad扩展我的页面时，我遇到了一些问题，但我没有意识到这一点。（这导致我无意中开发了不正确的尺寸）



可能值：


初始刻度
最大刻度
最小刻度
用户可伸缩性
宽度
高度

你可以在这里阅读更多信息：
这仍然不能解决iPad的问题。当它加载时，尤其是垂直加载时，间距为off@brenden，ipad的尺寸是1024x768。所以，你可以给出最小宽度：768px。实际上，这是一个最小宽度的问题。
header {
    background: url('../images/header-bg.jpg') repeat-x top left;
    z-index: 500;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .9);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .9);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    width: 100%;
}
#header-wrapper {
    padding: 10px;
    position: relative;
}
#page-content {
    margin: 0 auto;
    z-index: 400;
    position: relative;
    margin-top: 91px;
    overflow: hidden;
}

<meta name="viewport" content="initial-scale=1">