在Iphone上查看网站时遇到各种问题；网站未居中＆页脚未跨越底部

Question

我需要帮助来解决在Iphone上查看此网站时遇到的一些问题。 该网站可以在Mac和PC上使用IE，Firefox，Chrome和Safari进行工作。

www.the90sareback.com
用户：测试
通过：Testing @ 123（视情况而定）

问题1：网站不在iPhone浏览器中居中。 问题的外观 ： http : //imgur.com/7aXOvLK&qbAQ6zP#0

网站不在iPhone浏览器的中心。 左右空间不均匀，这对我来说毫无意义，因为我将主要内容包装器设置为Margin：0 Auto;。 左边距是条子，右边距更大。

#content-wrapper {
width:1180px;
margin:0 auto;
display:block;
background-image:url("style/images/papertile.png");
background-repeat:repeat-y;

问题2：页脚未完全越过屏幕底部。 如上图所示。 问题的外观：请参见上面的第一个链接。

我尝试弄乱了页脚css中的Min-width，尽管它确实扩展了页脚，但页脚内部的文本并未居中，因此在我眼中不是解决方案。 我也有

.footer {
background-image:url("style/images/strip1.jpg");
background-repeat:repeat-x;
position:absolute;
height:124px;
margin:230px auto 0;
width:100%;
    left:0;  
    right:0;

Answer 1

问题1：您的链接超出了其容器的限制。 这通常是因为浏览器不喜欢断开链接。 参见screenie： http : //grab.by/rqNU

老实说，我不会显示这样的链接，而是将其作为该文章/文章标题的href值。 还是简单的CTA，例如“拉斯维加斯周刊”？

问题2：我会尝试向页脚CSS添加左右属性。

margin: 230px auto 0; //make sure to have the trailing '0' for no bottom margin.
width: 100%;
left: 0;
right: 0;