IE9文本呈現問題 - 字母切斷尾部

我遇到了一個問題 - 在IE9標準模式下 - IE9以降序字母 - 「q，p，y」等形式呈現文本 - 消失。嘗試使用填充和其他常見的CSS設置來解決這個問題，但目前爲止沒有運氣。IE9文本呈現問題 - 字母切斷尾部

誰知道這可能是什麼？

2011-05-16 thynctank

您正在設計一個網頁，或只是觀看別人的網頁？ – Dimitri 2011-05-16 22:38:03

什麼是「行高」，你有一個在線例子嗎？ – jeroen 2011-05-16 22:38:27

我可以找到的最佳解決方案是使用盒子大小調整（在其所有許多輝煌的供應商前綴表單中）並將其設置爲content-box，這似乎最能模仿IE7對盒子模型所做的事情。這是我第二次通過使用盒子大小功能來保護自己免受瀏覽器嗅探的影響，我強烈建議您在未來發現自己處於類似的情況下進行研究！ – thynctank 2011-05-16 22:39:08

您是否使用了自定義字體（@字體面），因爲我發現，使用某些大小，有時當它會切斷尾巴上的文字，不管行高的

來源

2011-09-02 12:02:51 Martin

我只是有這個問題在input上使用font: inherit。宣佈我想要的實際字體（主要是Verdana），並且尾部再次可見。

還測試line-height在input - 但它再次造成了問題。

這是我結束了：

body, button, input, select, textarea { 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 100%; 
} 
body { 
    line-height: 1.5; 
}

來源

2012-01-19 00:50:15

此設置的line-height：繼承上輸入框的伎倆我。

input[type="text"], input[type="email"], input[type="password"], { 
    line-height: inherit; /* for i.e. */ 
}

來源

2012-09-18 21:59:27 nelsonenzo

編輯：我發現這個博客上。該鏈接不再有效。爲了防止它再次彈出，請留下here。

及其彷彿文本是輸入和行高內的節點已經被設置使得內元件上，具有限幅溢出文本週邊元件。

解決方法很簡單，設置行高爲「1」（無單位）

來源

2012-10-14 11:53:41 Elad

這解決了我的問題。我發現一些文章提到了與此相關的DOCTYPE標籤，但在我的情況下它不起作用。 – elvin 2015-09-02 20:13:28

鏈接已損壞。不管怎麼說，還是要謝謝你。 – 2017-01-20 20:11:38

IE9文本呈現問題 - 字母切斷尾部

回答

相關問題