html – 具有宽背景图像的页面对齐

概述http://www.thredup.com/boutiques 所以我注意到在iPad(或任何iOS设备)上显示我的网站时,页面保持对齐.我做了一点挖掘以确保保证金：0 auto正确实现并且所有div都适当地居中.我意识到这个问题是由页脚的样式化引起的,而不是iPad特定的 – 它实际上发生在所有的所有Web浏览器上,它只是表现不同.页面内容通常保持在960px宽,但页脚(#footer => http://www.thredup.com/boutiques

所以我注意到在iPad(或任何iOS设备)上显示我的网站时,页面保持对齐.我做了一点挖掘以确保保证金：0 auto正确实现并且所有div都适当地居中.我意识到这个问题是由页脚的样式化引起的,而不是iPad特定的 – 它实际上发生在所有的所有Web浏览器上,它只是表现不同.页面内容通常保持在960px宽,但页脚(#footer => #footer_bg)更大(1200px)以容纳其背景图像.在我的Mac上的Chrome / Safari上,页面似乎以居中/正确的方式显示,直到窗口小于约1200px宽.当窗口小于此时,右侧有一个神秘的白色空间.删除1200px的#footer_bg宽度可以解决问题,但页脚背景未与页脚内容正确对齐.

有人建议如何解决这个问题？理想情况下,背景图像不需要重新设计,并且页脚背景边距将逐渐隐藏/显示取决于窗口宽度.页脚内容的左边缘应与页面其余部分的左边缘保持对齐.

解决方法 添加最大宽度：100％;你的#footer_bg风格.

如果页面较小,则页脚宽度将减小到1200px以下.

您可能需要将背景位置更改为中心位置,以便正确地移动背景.

总结

以上是内存溢出为你收集整理的html – 具有宽背景图像的页面对齐全部内容，希望文章能够帮你解决html – 具有宽背景图像的页面对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。