iphone - 页脚宽度设置为 100%，绝对位置不会延伸到移动浏览器中浏览器窗口的右边缘

Question

早上好，伟大的 Stack。

我们正在使用 genesis 主题框架在 wordpress 中构建一个网站。

它在这里，http://foodtrucksnashville.com

在 iPhone 和 iPad 上的 Mobile Safari 中查看之前，在 Chrome、Opera、FF 和 IE 中一切都很好而且很漂亮(足够接近)

#footer-wrapper(在底部，带有云朵和蓝色条纹背景)是 width: 100% position: absolute;底部:0；但遗憾的是，它并没有一直延伸到浏览器视口(viewport)的右侧。

我已经阅读了一些关于 mobile safari choking on position: fixed 的内容，但一直无法在这里找到对我有用的任何内容。因此有了新的 Stack_Query。

再次感谢，堆栈。

祝你好运。

附注我想避免必须使用 JavaScript 来解决这个问题，(你知道，使用 jQuery 获取视口(viewport)宽度并自动将该值分配给#footer-wrapper)但如果 Stack 就是这么说的，那就这样吧。

Answer 1

为防止视口(viewport)出现危险行为，您可以对其进行配置。使用 <meta>标签来实现这一点。

<meta name="viewport" content="width=device-width" />使视口(viewport)在设备上最大化。我在移动网站上有一个 100% 宽度的页脚，使用这段代码没有问题。

阅读official Apple documentation有关此主题的更多信息。