HTML textarea不會自動調整大小

Question

我創建了textarea並附加了autosize，以便在創建換行符時自動調整大小。最初textarea應該佔據其容器高度的100％。下面是代碼：

#editor { 
    background-color: inherit; 
    width: 100%; 
    height: 100% !important; 
    resize: vertical; 
    border: none; 
    outline: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 

而且JS代碼：

<script> 
    $(function(){ 
    autosize($('#editor')); 
    }); 
</script> 

理想我希望通過textarea一行每次一個新行被創建到成長或有一個自動換行。有更好的解決方案嗎？

編輯：問題是textarea根本沒有增長。

Answer 1

我認爲問題是與height CSS規則。傳統上，當您設置textarea的高度時，可直接在textarea上使用rows屬性。 e.g：

<textarea id="editor" rows="4"></textarea> 

如果你從你的CSS規則刪除height財產就應該調整，你輸入的文字。

Fiddle