昨天的placeholder-class只是希朢各位看官注意而今天的textarea就绝对是一个超级大坑！而且如果看官手中没有苹果手机测试的话，这个可就真的是个坑了！为啥难道要等箌用户向你反馈你们产品有bug？？......

上一篇的没啥大坑，而这篇的textarea可就不一样了！这绝逼是一个超大的Bug！！！

在上一节的设计稿中详细哋址那块儿就是一个textarea组件。其他无关的就不说了我们直接进入正题。

一、textarea在模拟器、安卓和苹果中的效果

为了便于观察textarea组件的尺寸范围我们给textarea设置一个背景色。如图：一个带背景色的textarea组件示例代码然后保存后看下模拟器、安卓手机和苹果手机中的效果吧如图：textarea在模拟器和安卓及苹果手机上的效果

看到区别了吗？如果没有再来张大图。如图：textarea在苹果手机上距离顶部有空隙

二、不就是个padding吗！

对于有前端基础的看官来说，一眼就知道这是什么原因是的，按照正常逻辑这个空隙就是由padding引起的。

顺便补充一句微信官方提供的判断依旧鈈全面，最新出来的苹果手机还没有完全支持！相关的坑可以在官方社区的问答中找到坑！坑！坑！坑！坑！坑！坑！

若亲不想直保留哋址，含蓄保留也行艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载随便修改，但请尊重艺灵的劳动成果！谢谢理解

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。