我目前正在开发一个使用Twitter的Bootstrap 3的网站。该网站在Firefox上呈现OK，但在Chrome / Opera / Safri（基本上是使用WebKit或Blink作为布局引擎的浏览器）上有一些奇怪的填充或空格，和CSS伪元素如“：before”和“：after”在整个文档中分发。此外，身体上还添加了“样式”属性。
以WebKit / Blink为例： http://i.stack.imgur.com/6jdMe.png
在Gecko上： http://i.imgur.com/wyK7VC5.png
过去我曾经处理过WebKit处理错误的UTF8和BOM，但事实并非如此，因为所有文件都是以UTF8编码而没有BOM。
知道这里发生了什么？
提前致谢！
答案 0 :(得分：0)
psuedo元素（例如:before和:after）元素的可见性是最新版Chrome中的新功能，可以使调试更容易。那些psuedo元素也存在于Firefox中，它们只是不会出现在DOM检查器中。
psuedo元素可能是clearfix hack，Bootstrap会将其添加到.row类（请参阅.clearfix和.make-row mixins的mixin.less文件。 / p>
至于style上的<body>属性，它是空的，不会影响任何内容。我找不到Chrome为什么会这样做的具体参考，但Chrome似乎会在DOM检查器的每个页面上添加它。
填充/空间问题是否在页面上实际可见，或者仅在DOM检查器中可见？
