在开发小程序时，发现textarea在Android和iOS上存在明显的样式差异，表现为间距和padding问题。通过js获取设备平台，然后根据平台动态设置样式，实现了在不同系统上一致的显示效果。关键代码包括对textarea的position、width、height、padding等属性的调整。
1.做小程序表单的时候上下要对齐一个文本域和input输入框，没想到小程序的textarea在android和ios上差距这么明显，如下图，本来之前遇到这个问题的时候，设置了margin和padding之后就解决了，但是在小程序上发现设置padding和margin设置为0也没用，还是去不掉android和ios表现不一的问题，于是研究了一番还是给收拾好了，下面先上问题图：
android端显示样子
ios端显示样子
从上面两图可以看出来这个文本域差别也太大了，这效果要是说一样的话也太牵强了，于是调整了下margin、padding的，发现并没有什么用，而且这个textarea的间距在ios上大的有点离谱了，即使android和ios不要求一样，但是单一个ios上面的间距也是明显的大，难看，好，下面写下自己的解决办法，先上两张效果图：
android端效果图
最低0.47元/天 解锁文章
扫一扫
795
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
