Css 980像素包装纸不以Ipad为中心_Css_Ipad

Css 980像素包装纸不以Ipad为中心

css ipad

Css 980像素包装纸不以Ipad为中心,css,ipad,Css,Ipad,我试着在iPad上制作一个简单的包装div，背景为彩色，从右到左居中，这样它就能亲吻浏览器的两侧。我的代码如下。包装纸没有对中。它从窗口左侧的10像素开始。一定有一个简单的答案，但我似乎无法理解我做错了什么。你能帮忙吗 <style type="text/css"> <!-- body { background-color: #FFF; } #wrapper { width:980px; height

我试着在iPad上制作一个简单的包装div，背景为彩色，从右到左居中，这样它就能亲吻浏览器的两侧。我的代码如下。包装纸没有对中。它从窗口左侧的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>


尝试删除查看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>


身体{
背景色：#FFF；
}
#包装纸{
宽度：980px；
高度：980px；
保证金：0自动；
背景色：#666666；
}

如果它不起作用，我就没有别的主意了。：）
 
身体{
背景色：#FFF；
保证金：0；
填充：0；
}
#包装纸{
宽度：980px；
高度：980px；
左边距：自动；
右边距：自动；
背景色：#666666；
}
这是一个测试

您是否缺少我现在遇到了这个问题-旧的Wordpress站点，由于某种原因在iPad中左对齐，没有验证错误，包装上的标准CSS自动边距到中心如上所示
使用浏览器重置CSS修复，我使用过。
您使用的是哪款ipad？如果是旧型号，屏幕宽度仅为768px。其次，将display:block添加到包装器中。
<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>