0 1397

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>


[分类]
[来源] http://erlangyun.com/p/id/165.html
[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。