0

我需要帮助解决在 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;
4

1 回答 1

0

问题 1：您的链接超出了其容器的限制。这通常是因为浏览器不喜欢断开链接。见屏幕：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;
于 2013-10-24T05:04:08.023 回答