2

我正在实现一个响应式设计的页面。它的最小宽度为 320 像素。当我将屏幕缩小到 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 回答
1

默认情况下，一些浏览器在正文边缘有一个边距/填充。

默认情况下，其他元素也有边距/填充。

您可以在样式的开头添加重置，默认情况下关闭所有边距/填充：

*{
    margin: 0;
    padding: 0;
}

或者只是将其应用于 body 标签：

body{
    margin: 0;
    padding: 0;
}

如果您使用一个，一些重置样式表会为您解决这个问题。

于 2013-09-19T16:10:49.593 回答