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

【问题标题】：footer width set to 100%, position absolute not extending to right edge of browser window in mobile safari页脚宽度设置为 100%，绝对位置不延伸到移动 safari 中浏览器窗口的右边缘
【发布时间】：2011-09-13 23:34:13
【问题描述】：

早上好，强大的 Stack。

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

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

在您在 iPhone 和 iPad 上的 Mobile Safari 中查看之前，Chrome、Opera、FF 和 IE 中的一切都很好而且很花哨（足够接近）

#footer-wrapper（在底部，有云彩和蓝条背景）是宽度：100% 位置：绝对；底部：0；但是很可惜，它并没有一直延伸到浏览器视口的右侧。

我读过一些关于移动 safari 窒息位置的文章：已修复，但无法在这里找到任何对我有用的东西。因此有了新的 Stack_Query。

再次感谢，堆栈。

祝你好运。

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

【问题讨论】：

标签： iphone css mobile safari width

【解决方案1】：

为防止视口出现危险情况，您可以对其进行配置。使用<meta>tags 来实现。

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

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

【讨论】：