css文本阴影在chrome和mozilla中的差异

时间:2012-06-15 10:47:46

标签: css css3 em

假设我想在大小为33像素的文本中添加阴影。 我更喜欢阴影的单位是因为我希望当页面被浏览器缩放时阴影可以缩放。

我希望我的影子模糊性为2px 。所以我的em值是2/33 = 0.0606 em。 所以,

text-shadow: 0em 0em 0.0606em black;

Bu存在问题!值0.0606不准确(2/33重复)0.0303小于实际值。 Mozilla将em值向上舍入到更高的px值。在这种情况下,它将保持2px。 但Chrome将其缩小了。所以在这种情况下,它只有 1px

现在我想摆脱一个不好的分歧。我怎么样?

1 个答案:

答案 0 :(得分:0)

我知道通过尝试使用css单独寻址每个浏览器可能听起来多余。这样浏览器可以击败他们自己的鼓。 http://davidwalsh.name/css-box-shadow