适用于不同字体大小的 CSS 文本阴影答案

【问题标题】：CSS text-shadow that works on different font-sizes适用于不同字体大小的 CSS 文本阴影
【发布时间】：2012-09-19 13:29:30
【问题描述】：

我的

上有以下 CSS

h2 {
    font-family: Arial, Verdana, sans-serif;
    color: #fff;
    text-shadow: 0 6px 0 #E5E5E5
}

问题在于，这仅在某些字体大小上看起来不错，而在其他字体大小上看起来非常糟糕。如果字体太大，阴影几乎看不到，如果字体太小，阴影会使文本难以阅读。在我的网页中，这个特定元素的字体会动态改变大小。它可以小到 10px，大到 200px。

由于某种原因，在 % 中设置阴影位置不起作用，人们希望它会占用 font-size 属性的 %。

所以我在这里询问是否有任何方法可以使 text-shadow 对仅使用 CSS 改变大小的字体起作用。我希望有一个不使用 javascript 的解决方案。

【问题讨论】：

标签： css

【解决方案1】：

text-shadow 中可以使用em 代替px，em 与实际设置的字体大小有关。

【讨论】：

【解决方案2】：

见

对于文本阴影格式化程序

【讨论】：