Question

我的测试网站在计算机浏览器上看起来不错，但在iPhone上（我假设其他移动设备）它并不是内容或背景的中心。在iPad上，它不是以背景为中心，而是以内容为中心。

这是我的css的一部分：

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;
}

Answer 1

这是因为你的#social div。实际上它也不在桌面中心。如果你看底部你可以看到滚动。你的社交div有亲戚，但它没有宽度属性，现在它是1000px。简直溢出到右边。因此，您可以为#social div提供width值，也可以提供#header div overflow:hidden;属性。我希望我表达自己。对不起我的英文：）

为什么我的网站不在移动设备或iPad上的页面中心？

1 个答案: