1

私は、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>
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

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 に答える
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 に答える