頁腳寬度設置爲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。