1

我试图让一个带有彩色背景的简单包装器 div 以 iPad 为中心，从右到左，这样它就可以亲吻浏览器的两侧。我的代码如下。包装纸没有居中。它从窗口左侧开始 10 个像素。对此必须有一个简单的答案，但我似乎无法理解我做错了什么。你能帮我吗？

<style type="text/css">
   <!--
    body {
        background-color: #FFF;
    }
    #wrapper {
        width:980px;
        height:980px;
        margin-left:auto;
        margin-right:auto;
        background-color:#666666;
    }
</style>

<body>
    <div id="wrapper">
        This is a test
    </div>
</body>
4

4 回答 4

0

我现在刚刚遇到这个问题 - 旧的 Wordpress 网站，由于某种原因在 iPad 中左对齐，没有验证错误，包装器上的标准 CSS 自动边距如上所述居中。

修复了使用浏览器重置 CSS，我使用了 Normalize。

于 2013-01-21T23:25:31.363 回答
0

尝试删除 <!-- 这是 html 中注释的开始标记。我担心它会弄乱css

于 2012-09-27T03:08:33.863 回答
0 
<style type="text/css">
    body {
        background-color: #FFF;
        margin: 0;
        padding: 0;
    }
    #wrapper {
        width:980px;
        height:980px;
        margin-left:auto;
        margin-right:auto;
        background-color:#666666;
    }
</style>


<body>
    <div id="wrapper">
        This is a test
    </div>
</body>

您是否缺少<!DOCTYPE声明？另外添加 <meta name="viewport" content="" />以获得更好的结果。

于 2012-09-27T04:22:26.787 回答
0

看到你的css代码，试试这个代码：

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
    body {
        background-color: #FFF;
    }
    #wrapper {
        width:980px;
        height:980px;
        margin:0 auto;
        background-color:#666666;
    }
</style>
</head>

如果它不起作用，我没有其他想法。:)

于 2012-09-27T03:17:55.857 回答