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