为什么我的网站不在移动设备或ipad的页面上?
问题描述:
我的测试网站在计算机浏览器上看起来不错,但是在iPhone上(我假设有其他移动设备),它并不集中于内容或背景。在iPad上,它不是以背景为中心,而是以内容为中心。为什么我的网站不在移动设备或ipad的页面上?
这里是我的CSS的一部分:因为你的#social股利
body {
background-image:url(../images/background.jpg);
background-color:#000;
background-repeat:repeat-y;
background-position:center top;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
}
#container {
width:1000px;
margin:auto;
overflow:hidden;
padding: 0;
}
#header {
height:145px;
}
#nav {
height:50px;
margin-bottom:15px;
}
#main-home-left {
width:550px;
background-image: url('../images/text-bkgd1.png');
background-repeat:repeat-y;
background-size: 650px auto;
float:left;
padding: 10px 50px 0 50px;
text-align:center;
min-height: 400px;
}
#main-home-right {
width:300px;
float:left;
padding: 10px 25px 10px 25px;
text-align:center;
}
答
它。实际上它并没有集中在桌面上。如果你看看底部,你可以看到滚动。您的社交分享具有相对性,但它没有宽度属性,现在为1000px。简单地溢出到正确的。所以你可以给你的#social div一个width
值,或者你可以给你的#header div overflow:hidden;
属性。我希望我表达自己。 对不起,我的英语:)
非常感谢!这工作完美! – user1530022 2014-12-08 05:01:58