【问题标题】:Browser user agent style sheet margin 8px浏览器用户代理样式表边距 8px
【发布时间】:2015-12-13 23:13:34
【问题描述】:

我只是想知道网站周围的空白区域。我发现它在那里是因为用户代理样式表(谷歌浏览器),并且默认情况下为 body 标签设置了 8px 的边距。

如何解决这不是问题,但我对这个边距的原因很感兴趣。我搜索了它,但我只找到了将边距设置为零的解决方案,但我想知道为什么会有这个边距。

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

问候 菲利普

【问题讨论】:

    标签: html css stylesheet margin document-body


    【解决方案1】:

    浏览器添加他们自己的样式表和适当的规则,以显示网页应该如何呈现正常的外观,例如。出于某种原因,您不会为标题添加 css 规则,那么它应该如何在浏览器中显示?

    要回答问题,浏览器添加他们的规则以显示网页标题通常的样子。

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

    那么,我们是开发者,页面应该如何呈现?

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


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

    你可能会发现几个 css 重置样式表googling


    坦率地说,如果我是其中之一,我会将保证金设置为 0,让开发人员完成他们的任务(如有必要,他们会添加)。或者,我会设置填充而不是边距 - 如果考虑纸张的话。但由于这是用于电子设备而不是用于纸张,所以我会将所有内容设置为初始值。也就是说,我们知道 x,y 从左上角开始工作,这与纸上的左下角不同。

    另外,我认为他们增加了边距,因为在过去,我们有表格 html 来格式化页面。但是今天,我们没有这样的案例,我强烈建议 w3c 重置他们的旧样式以映射新规则。如果有人正式阅读这篇文章,我希望新的浏览器默认会统治引擎。

    【讨论】:

    • 很棒的答案,很棒的链接。谢谢!
    【解决方案2】:

    之所以存在,是因为触及窗口边框的文本难以阅读。即与我们在纸上书写时使用页边距的原因相同。

    【讨论】:

    • 谢谢,这和纸上写的比较好。
    猜你喜欢
    • 2021-09-14
    • 1970-01-01
    • 2014-09-28
    • 1970-01-01
    • 2013-02-16
    • 1970-01-01
    • 2013-11-01
    • 2012-09-25
    • 1970-01-01
    相关资源
    最近更新 更多