不需要的边框，宽约320px

Question

我正在实现具有响应式设计的页面。 最小宽度为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恰好适合屏幕？

Answer 1

重置默认margin和body padding ，如下所示：

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

这样做应该删除该空间。

Answer 2

默认情况下，某些浏览器在主体边缘周围有边距/边距。

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

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

*{
    margin: 0;
    padding: 0;
}

或仅将其应用于body标签：

body{
    margin: 0;
    padding: 0;
}

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

不需要的边框，宽约320px

问题描述

2 个解决方案

解决方案1
3 已采纳 2013-09-19 16:07:41

解决方案2
1 2013-09-19 16:10:49

不需要的边框，宽约320px

问题描述

2 个解决方案

解决方案1 3 已采纳 2013-09-19 16:07:41

解决方案2 1 2013-09-19 16:10:49

解决方案1
3 已采纳 2013-09-19 16:07:41

解决方案2
1 2013-09-19 16:10:49