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

概述我在iPad屏幕的整个宽度上延伸的div块有一个持续的问题。它似乎从屏幕右侧停止约20像素。 屏幕截图： 对于菜单，我有一个div块和一个UL内部的菜单本身。 UL的宽度设置为1000px，背景div块设置为宽度：100％;这个背景的宽度正好是1009px。 页脚是具有背景的div块和两个浮动的div块。这个背景的宽度正好是1004px。 我在其他网站上有这个问题，特别是在这方面。任何人都有什么想 我在iPad屏幕的整个宽度上延伸的div块有一个持续的问题。它似乎从屏幕右侧停止约20像素。

屏幕截图：

对于菜单，我有一个div块和一个ul内部的菜单本身。 ul的宽度设置为1000px，背景div块设置为宽度：100％;这个背景的宽度正好是1009px。

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

我在其他网站上有这个问题，特别是在这方面。任何人都有什么想法？

解决方法 您在iPad上看到问题，因为它的默认视口是980像素(见 Apple’s docs)。因此，您看到的效果与将桌面浏览器缩小到小于1000像素的效果相同，并向右滚动(它做同样的事情)。

您将注意到间隙的大小根据浏览器窗口的宽度而变化。这是因为当您将宽度设置为100％到您的包装器div时，您会告诉他们调整到包含元素的宽度(在这种情况下是浏览器窗口)或iPad的视口。你不是告诉他们调整内容的大小。

@sandeep’s solution是正确的，您如何实现它对我而言在Safari中工作正常，但不在任何其他浏览器中尝试。您是否用户代理嗅探服务代码只有Safari？如果是这样，没有必要，您可以将最小宽度：1024px，甚至是最小宽度：1000px应用于您的正文标签，或.footerbg，但您通常应用CSS。

总结

以上是内存溢出为你收集整理的iphone – iPad背景的div块不跨越屏幕的整个宽度全部内容，希望文章能够帮你解决iphone – iPad背景的div块不跨越屏幕的整个宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。