文章/答案/技术大牛

发布

社区首页 >问答首页 >WebKit / Blink呈现文档严重

问WebKit / Blink呈现文档严重
EN

Stack Overflow用户

提问于 2013-11-19 23:55:25

回答 1查看 341关注 0票数 3

我目前正在开发一个使用Twitter的Bootstrap 3的网站。该站点在火狐上呈现OK，但在Chrome/Opera/Safri (基本上是以WebKit或Blink作为布局引擎的浏览器)上，有一些奇怪的填充或空格，而CSS伪元素，如“前”和“后”都是通过文档分发的。此外，还在主体上添加了“样式”属性。

作为WebKit /Blink上的一个例子：http://i.stack.imgur.com/6jdMe.png

关于壁虎：http://i.imgur.com/wyK7VC5.png

我过去曾处理过WebKit用BOM处理错误的UTF8，但事实并非如此，因为所有文件都是在没有BOM的情况下用UTF8编码的。

知道这是怎么回事吗？

提前感谢！

twitter-bootstrap

webkit

blink

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-20 00:04:06

psuedo元素(如:before和:after)的生动性在最新版本的Chrome中是新的，可以简化调试。这些psuedo元素也在Firefox中，它们只是没有出现在DOM检查器中。

psuedo元素可能是一个清除攻击，引导程序将其添加到.row类中(参见.clearfix和.make-row混合器的mixin.less文件)。

至于<body>上的<body>属性，它是空的，不会影响任何东西。我找不到任何关于Chrome为什么这么做的具体引用，但是Chrome似乎在DOM检查器的每个页面上都添加了它。

填充/空间问题是否在页面上实际可见，还是仅在DOM检查器中可见？

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20084736

复制

相似问题

问WebKit / Blink呈现文档严重
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WebKit / Blink呈现文档严重EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WebKit / Blink呈现文档严重
EN