页脚宽度设置为100％，位置绝对不延伸到移动Safari浏览器窗口的右边缘

Question

早上好，o mighty Stack。

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

正是在这里，http://foodtrucksnashville.com

一切都很好，很正常，在铬，歌剧，FF和IE（足够接近），直到你在移动Safari浏览器看它在iPhone和iPad

的#footer的包装（在底部，与云和蓝色条背景）是宽度：100％位置：绝对;底部：0;但是，唉，它并没有一直延伸到浏览器视口的右侧。

我已经阅读了一篇关于手机safari窒息位置的文章：fixed，但一直无法找到任何对我有用的东西。因此新的Stack_Query。

再次感谢，堆栈。

有一个很好的。

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

Answer 1

为了防止视口的危险情况，您可以对其进行配置。使用<meta>标签来实现这一点。

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

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