http://www.thredup.com/boutiques
所以我注意到在iPad（或任何iOS设备）上显示我的网站时，页面左对齐。我做了一点挖掘以确保margin: 0 auto被正确实现并且所有div都适当地居中。我意识到这个问题是由页脚的样式化引起的，而不是iPad特定的 - 它实际上发生在所有的所有Web浏览器上，它只是表现不同。页面内容通常保持在960px宽，但页脚（#footer =＆gt; #footer_bg）更大（1200px）以容纳其背景图像。在Mac上的Chrome / Safari上，页面显示为居中/正确，直到窗口小于约1200px宽。当窗口小于此时，右侧有一个神秘的白色空间。删除#footer_bg宽度为1200px可以解决问题，但是页脚背景未与页脚内容正确对齐。
任何人都有关于如何解决此问题的建议？理想情况下，背景图像不需要重新设计，并且页脚背景边距将逐渐隐藏/显示取决于窗口宽度。页脚内容的左边缘应与页面其余部分的左边缘保持对齐。
答案 0 :(得分：1)
将max-width: 100%;添加到#footer_bg样式。
如果页面较小，则页脚宽度将减小到1200px以下。
您可能需要将background-position更改为center，以便正确移动背景。