CSS文字陰影是不同的字體大小

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

問題下面的CSS的是，這看起來只是一些字體大小不錯，在別人看起來非常糟糕。如果字體真的很大，那麼陰影幾乎不可見，如果字體太小，陰影會使文本無法讀取。在我的網頁中，這個特定元素的字體動態改變大小。它可以小到10px，大到200px。

由於某些原因，以％設置陰影位置不起作用，人們會希望它會佔用font-size屬性的百分比。

所以我在這裏問，是否有任何方法可以使用CSS來改變大小的文字 - 陰影作品。我希望有一個不使用JavaScript的解決方案。

2012-09-19 Hoffmann

你如何改變字體大小？調整屏幕大小？ – Giona

我改變它使用JavaScript。我得到了h2元素的字符數，並使其在父代中儘可能大。所以如果文本只有一個或兩個字符長度，字體大小將非常大。 – Hoffmann

您可以使用em而不是px中的text-shadow和em與字體的實際大小相關。

2012-09-19 13:39:57

這是有效的，我不知道爲什麼我以前沒有考慮過使用ems。 – Hoffmann

看到

的文字陰影格式化

2016-10-20 13:23:43 pollaris

回答