Question

我需要帮助解决我在Iphone上浏览本网站时遇到的一些问题。该网站正在我的Mac和PC上开发IE，Firefox，Chrome和Safari。

www.the90sareback.com
用户：测试
通过：测试@ 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;

在Iphone上查看网站时的各种问题;网站不在中心＆amp;页脚不跨越底部

1 个答案: