css - 适用于不同字体大小的 CSS 文本阴影

Question

我的上有以下 CSS

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

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

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

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

score 3 · Accepted Answer

您可以在中使用em而不是并且与字体的实际设置大小相关。pxtext-shadowem

score 1 · Accepted Answer

1

看

对于文本阴影格式化程序

于 2016-10-20T13:23:43.313 回答

2 回答 2