溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關(guān)IE下textarea中font-size值很大時(shí)文字不顯示的解決方法是怎樣的，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
在IE下，我們寫一個(gè)固定高度和寬度的textarea，給一個(gè)select，可以選擇字體大小并作用于textarea。
在非IE瀏覽器下，textarea原始字號(hào)為18px，將這個(gè)textarea中的文字的font-size改為108時(shí)是這個(gè)樣子的：
但是在IE下確是這個(gè)樣子的：
在網(wǎng)上找解決方法，不過貌似很少有人遇到這種情況，于是一個(gè)一個(gè)組合css去試，最終找到了一個(gè)解決方法，不過導(dǎo)致這種情況的原因至今不詳。
解決方法：
在IE瀏覽器下，在將font-size改為108px之后，將textarea的寬度設(shè)為0，然后再設(shè)回原來的寬度即可。
我猜測的原因是在原始的寬度中，將字體變得很大，IE瀏覽器對字體所占的寬度的計(jì)算有bug。
然而將寬度設(shè)為0之后，再設(shè)為原始寬度，則IE瀏覽器會(huì)重新計(jì)算一次字體的寬度，此時(shí)就正常了。
具體的javascript代碼如下：
代碼如下:
var width = $("textarea").css("width");
$("#txt-area").css("width", "0%");
setTimeout(function () {
$("#txt-area").css("width",<span >width</span>);
}, 20);
如果這里不延遲20秒設(shè)回原來的高度，也會(huì)在某些情況下失敗，具體原因有待考證。
看完上述內(nèi)容，你們對IE下textarea中font-size值很大時(shí)文字不顯示的解決方法是怎樣的有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
