Css iPad上的宽度不正确

在开始为一家新公司工作后，我被要求为他们建立一个新的网站。到目前为止，我得到的是：

问题是它在iPad上不能正常工作——标题背景色不能像预期的那样延伸到整个屏幕的宽度——这同样适用于页面中间部分的浅灰色背景色，例如

---

有人知道这是为什么吗？谢谢。

这是由于经常被遗忘的问题（在桌面浏览器中也是如此）。我很肯定

你看，任何桌面浏览器。将窗口宽度更改为小于包装宽度，然后向右滚动。这会将页面显示为已截断

这个问题很容易解决。 已删除csspivot站点，因为它不再运行

其基本思想是将相同的背景添加到具有固定宽度的元素中，因为浏览器对此无能为力

添加CSS:

#auxiliary .wrap {
background-color: #bbb; /* Same as the #auxiliary bg color*/
}

#branding .wrap {
border-top: 6px #92C201 solid; /* Same as #branding border and bg and height*/
background-color: #333;
height: 60px;
margin-top: -6px; /* I wouldnt necessarily use this to get it to top but works as well. */
}

---

正确的方法是将内容包装在一个覆盖100%屏幕宽度的容器中。例如：

CSS

.wrapper {
    display: block;
    width: 100%;
    padding: 10px 0; /* add some top + bottom padding */
    background-color: #252525;
}
.aligner {
    display: block;
    width: 960px;
    margin: 0 auto;    
}
.container {
    display: inline-block;
}

HTML

<div class="wrapper">
    <div class="aligner">
        <div class="container">
            // stuff
        </div><!-- /container -->
    </div><!-- /aligner -->
</div><!-- /wrapper -->

---

请在此张贴相关代码和/或屏幕截图。否则，一旦问题得到解决，这个问题就失去了对后代的所有价值。谢谢同意佩卡的观点。另外，你用什么来确定用户是否在iPad上？我查找了

@media

查询，但在您的css中找不到任何查询。然后我假设PHP。。。在我们帮助你之前，我们需要知道你在iPad上显示的代码。什么？这与OP的问题无关，也不能解决他们的问题。不。。这个问题与.wrap元素本身有关，宽度没有设置为100%的流体，并且它们的结构不正确，无法包含内联和浮动元素。

@media screen and (max-width: 880px) {
    .my_element {
        /* attributes */
    }
}