浏览器用户代理样式表页边距8px

问题描述 投票:13回答:2

我只是想在网站周围的空白处徘徊。由于用户代理样式表(Google Chrome),我发现它在那里,默认情况下,body标记的边距设置为8px。

如何解决这个问题不是问题,但是我对这种余量的原因很感兴趣。我进行了搜索,但是我只找到将边距设置为零的解决方案,但是我想知道为什么存在此边距。

希望您可以告诉我有关这些用户代理样式表的更多信息。

问候菲利普

html css stylesheet margin document-body
2个回答
9
投票

浏览器添加自己的样式表以及适当的规则,以显示如何正常呈现网页,例如,由于某些原因,您不为标题添加CSS规则,那么应如何在浏览器中显示它?

为回答这个问题,浏览器添加了规则,以显示网页标题,通常看起来是这样。

就像@Quentin指出的那样,浏览器在正文中使用margin:8px;以更清晰的视觉方式显示网页就像在纸上书写。

所以,我们是开发人员,应该如何呈现页面?

为回答这个问题,我们添加了自己的样式表,并在页面上采用了自己的视觉效果方法。


不同的浏览器默认在浏览器中添加的样式表中有很多规则。您可以看到它们here for different browsers

您可能会找到几个CSS重置样式表googling


坦率地说,如果我是其中之一,我会将margin设置为0,然后让开发人员执行任务(如果需要,他们会添加它)。另外,如果考虑纸质物品,我将设置填充而不是边距。但是,由于这是针对电子设备而不是纸张,因此,我将一切设置为初始。也就是说,边距,填充等为0,因为我们知道x,y从左上角开始工作,与纸张的左下角不同。

[此外,我认为他们增加了页边距,因为在过去,我们使用表格html来格式化页面。但是今天,我们还没有这种情况,我强烈建议w3c重置其旧样式以映射新规则。如果有人正式阅读了这篇文章,我希望新的浏览器默认值将成为引擎的主导。


3
投票

之所以在这里,是因为难以触摸窗口边框的文本。即,出于与我们在纸上书写时使用边距相同的原因。

© www.soinside.com 2019 - 2024. All rights reserved.