在IE下，我們寫一個固定高度和寬度的textarea，給一個select，可以選擇字體大小并作用于textarea。

在非IE瀏覽器下，textarea原始字號為18px，將這個textarea中的文字的font-size改為108時是這個樣子的：

但是在IE下確是這個樣子的：

在網上找解決方法，不過貌似很少有人遇到這種情況，于是一個一個組合css去試，最終找到了一個解決方法，不過導致這種情況的原因至今不詳。

解決方法：

在IE瀏覽器下，在將font-size改為108px之后，將textarea的寬度設為0，然后再設回原來的寬度即可。

我猜測的原因是在原始的寬度中，將字體變得很大，IE瀏覽器對字體所占的寬度的計算有bug。

然而將寬度設為0之后，再設為原始寬度，則IE瀏覽器會重新計算一次字體的寬度，此時就正常了。

具體的javascript代碼如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表