2

レスポンシブデザインのページを実装しています。最小幅は 320px です。画面を幅 320px に縮小すると、画面の周りにまだ小さな境界線が残ります<body>(背景色を赤に設定しています)。

ここに画像の説明を入力

私のCSSは次のとおりです。

body {
    background-color: red;
    color: #010109;
}

#newPageTable {
    position: relative;
    min-width: 320px;
    height: 100%;
    margin: 0px auto;
    border: 0px;
    padding: 0px;
    background-color: #FFFFFD;
}

この境界スペースを取り除き#newPageTable、画面内に正確に収まるようにするにはどうすればよいですか?

4

2 に答える 2

3

marginデフォルトをリセットして、以下のようpaddingにオンにbodyします。

body {
    background-color: red;
    color: #010109;
    margin: 0;
    padding: 0;
}

これを行うと、そのスペースが削除されます。

于 2013-09-19T16:07:41.510 に答える