Chrome 字體渲染模糊已解決:CSS 罪魁禍首已確定
Chrome 中字體模糊的老問題多年來一直困擾著用戶,關於其原因的爭論無休無止。在本例中,使用者在 Chrome 版本 39 中的模式框中遇到了嚴重模糊。
對所提供的 CSS 程式碼的徹底檢查表明,原因在於負責定位模式框的 CSS 屬性。具體來說,「變換」屬性設定 Y 軸平移會出現問題:
此特定設定導致模態中的文字顯得模糊。透過對該值進行實驗,使用者發現從 Y 軸平移中減去 0.5px 可以解決問題。
更新的 CSS:
此修改有效地銳化了字體渲染,在不改變模式框對齊的情況下解決模糊問題。使用者註意到這個解決方案比調整百分比值或依賴 JavaScript 更優雅。
以上是為什麼我的 Chrome 字體在模態框中渲染模糊以及如何修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!