使用field-sizing实现textarea高度自适应

提到textarea高度自适应，大家的第一反应肯定是加一个div元素，用div将高度撑起来，然后textarea设置定位，因为textarea元素的高度和宽度不能自适应。

现在可以使用field-sizing这个CSS轻松实现这个功能了，不需要额外添加一个div了，下面是一个效果。

在文本框中输入内容，文本框的高度就会自适应，是不是很方便了

field-sizing 介绍

field-sizing允许控件根据内容来调整自身的大小，就是元素额高度和宽度会根据内容自动调整。看下面的例子，给textarea，设置min-width、max-wdith，输入时宽度和高度就会自动变化。

兼容性

caniuse显示，目前chrome支持该属性，但safari、firefox不支持该属性。在生产环境还是谨慎使用，在以后主流浏览器都支持后就可以愉快的使用了。