文字阴影与em而不是px？

Question

我有一个简单的

text-shadow: 0.05em 0.05em 0.05em black;

我在谷歌浏览器中打开，根本没有阴影！ 我将其更改为

text-shadow: 1px 1px 1px black;

它有效！ 怎么了？

Answer 1

0.05em的值太小，你的影子落后于文字。尝试稍微增加一点 - http://jsfiddle.net/zd4qF/

<强>更新

使用.05em的代码实际上可以在FF中使用，但不能在Chrome中使用。这是因为浏览器中的舍入逻辑 - FF将小于1px的任何内容舍入到1px，Chrome将其置于0

Answer 2

如果您查看下面的链接，则可以看到 em 和像素之间的转化率 因为你要求0.05em小于1px：）

http://pxtoem.com/

例如。

1px 应该在 0.063em 附近，这会使 0.05 em 小于 1px ，因此比你能做的任何事都要少显示。

Answer 3

它不可见，因为该值太低。 em与font-size成正比。字体越小，使用em根据字体声明的所有内容都越小。

以下是使用不同字体大小的示例。在这个例子中，当字体大小为48pt时可以看到0.5em，但是当它为1212 pt时则看不到。见http://jsfiddle.net/JwNbj/1/

Answer 4

EM是一个相对属性，取决于body元素中定义的字体大小，或者当您定义它也是相对的时，它取决于用户浏览器选项中定义的选项。 当你的字体大小为20px时，那么1px将是0,05em。迎接。