width: -webkit-fill-available 自动铺满的好处在于,如果它的父级有padding之类内间距,你如果想让其铺满整个父级通常需要 width: calc(100% - padding的值)。但是在这里你就不需要了 直接用 width: -webkit-fill-available就可以了。
基于chrome内核的是 width: -webkit-fill-available
firefox的是 width:-moz-available
IE浏览器直接是 width:100%
<div style="width:100px;height:30px;padding:10px;border: solid 1px rgba(0, 0, 0,.1);">
<textarea style="width:-webkit-fill-available;width:-moz-available;width:100%;height:100%;"></textarea>
</div>