Iphone 不跨越整个屏幕宽度的div块的iPad背景

我一直有一个问题，就是div块一直延伸到我的iPad屏幕的整个宽度。它似乎在屏幕右侧停止了大约20个像素

截图：

对于菜单，我有一个div块，菜单本身有一个UL。UL的宽度设置为1000px，背景div块设置为宽度：100%；这个背景的宽度正好是1009px

页脚是一个带背景的div块和两个浮动div块。这个背景的宽度正好是1004px

---

我在其他网站上也遇到过这个问题，特别是在这个领域。有人知道吗？

在谈到横向模式时，iPad的屏幕宽度是1024像素，而不是1004像素。

您的宽度大小不正确。但是不用担心。你只需要有1024而不是1004

---

希望这有帮助

我查看了你的网站，问题不仅出现在iPad上，也出现在PC版本上，因为当水平滚动条出现在PC上时，页面的行为与iPad版本相同。检查一下你自己

解决方案： 只需在你的身体中写下以下内容：

body{
 min-width:1024px;
}

---

你在iPad上看到了这个问题，因为它的默认视口是980像素（请参阅）。因此，您看到的效果与您将桌面浏览器缩小到小于1000像素，然后向右滚动（其功能相同）时的效果相同

您会注意到间隙的大小会根据浏览器窗口的宽度而变化。这是因为当您将width:100%设置为包装div时，您告诉它们调整到包含元素的宽度，在本例中，该元素是浏览器窗口或iPad的视口。您没有告诉他们调整大小以适应其中的内容

是正确的，您如何实现它对我在Safari中运行良好，但在我尝试使用的任何浏览器中都不行。您的用户代理嗅探是否只向Safari提供代码？如果是这样，就没有必要了，您可以将

最小宽度：1024px

，或者甚至只将

最小宽度：1000px

应用于

主体

标记，或者

.footerbg

，但是您通常会应用CSS。

这很有效

<meta name="viewport" content="width=1003, initial-scale=1, maximum-scale=1">

---

添加页面标题

<meta name="viewport" content="width=1000px">

---

它适用于ipad上的所有浏览器，而不仅仅是safari

如果您/任何人只需要在ipad上进行修复，您可以这样做

<?php if ((bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad')): ?>
    <meta name="viewport" content="width={{YOUR PREFERED WIDTH FOR IPAD}}">
<?php else: ?>
    <meta name="viewport" content="width=device-width">
<?php endif ?>

---

希望获得以下帮助：）

如果尝试使用viewport meta标记将视口宽度设置为设备宽度，会发生什么情况

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

---

来源：

你的UL和背景图像宽度不应该是1024px吗？一定有点混淆。两个DIV块都设置为100%宽度。两幅背景图像都是1像素宽X像素高。正如您在页脚中看到的，内容一直向右移动，但是背景的DIV不是。这些问题也发生在scape中。我在网站代码的底部添加了它，但它根本没有修复它。我认为这相当于ipad/iphone的特性。请定义，因为当我检查你的源代码时，它没有定义。在进行移动或表格构建时，有一堆元标记（name=viewport）可供选择的选项包括初始和最小/最大缩放。这个问题还涉及从肖像到风景的问题。我只在iPad上遇到了同样的问题。设置user scalable=no将阻止一些访问者在更小的屏幕上缩小，这是疯狂的。“在PC上”对web开发人员来说没有任何意义。

div block设置为width:100%顶部和底部div的宽度都设置为100%，但是它们渲染为给定的像素宽度。像sandeep建议的那样将其添加到正文中不起作用，但是您建议将其添加到.footerbg和其他包含div的部分效果很好。谢谢@瓦利特·卡梅隆；在所有浏览器中都可以检查它，因为don实现了它。如果页面上的元素总宽度超过1024px，当然，您必须设置总宽度的最小宽度。将来，您应该使用false！==strpos（…）和not（bool）strpos（…）。strpos可能返回数字0，这将导致错误（bool），即使在字符串中找到iPad。