最新版本的Safari(Windows)与Safari(MAc)和谷歌Chrome(Mac)与谷歌浏览器(Windows)之间的渲染差异是什么?

时间:2010-01-06 13:39:30

标签: css xhtml cross-browser

我应该检查所有吗?或者在任何一个都足够,因为它们共享相同的渲染引擎Webkit。

我的问题与HTML CSS渲染有关。

我知道Safari和Windows之间的差异都有字体平滑(anti -alisaing)

还有其他差异吗?

5 个答案:

答案 0 :(得分:6)

由于Safari的字体渲染,Chrome和Safari之间肯定存在差异。在Safari中,由于采用了抗锯齿算法,文本往往会更加大胆,有时可能会在屏幕上占用一些额外的像素。

另请注意,Safari使用SquirrelFish javascript引擎,而Chrome使用V8。

答案 1 :(得分:2)

我发现Safari和Chrome选择SELECT框的方式有所不同。我认为Chrome似乎忽略了行高,而在Safari行中,高度似乎有所不同。

Safari Windows 5.1.7 v的Chrome Windows版本22.0.1229.94 m

我认为这与默认的用户代理风格有关吗?

答案 2 :(得分:1)

我会检查,是的。

虽然浏览器都使用相同的渲染核心,但它们不一定是在同一个版本上(并且在任何情况下都有多个版本的Safari)。

另外,正如slebetman所说,字体渲染也因操作系统和抗锯齿设置而异,所以你需要注意这一点。

答案 3 :(得分:1)

存在主要和细微差别。请检查!

次要:完全支持Chrome中的CSS3 border-radius。我在Safari中读到了这个,但是找不到。

专业:放大Chrome缩放所有内容。 (这是几乎每个浏览器中的行为。)缩放Safari缩放文本但保持其他内容不变。如果用户放大,您的精心布局的形式很可能会被破坏。留下大量额外空间。

答案 4 :(得分:1)

阴影中的阴影快速而丑陋;在safari(和firefox)中更慢,更漂亮。 IIRC在CSS3过渡方面也存在一些差异 - 但实际上,无论如何这些细节仍在不断变化,并且随着版本的不同而变化。

在实践中,我只定期检查其中一个,这通常很好。在对网上进行重大更改之前,再次检查 显然不是一个坏主意,但在开发过程中,这不值得麻烦;无论如何它们都是如此相似......