問題：

多行文本組件是帶有默認的padding的，然而，小程序的teatarea 在ios和安卓上顯示的padding不一樣，普遍ios的padding會比安卓的要明顯的大。這種情況下我的想法是做兼容，也就是分別處理。

在小程序官方文檔中是有方法得知當前使用小程序的機型的，即 wx.getSystemInfoSync() ，官方文檔鏈接是：https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfosync

思路是，先得到當前的機型內容，然後通過設置值來顯示頁面上的屬性，具體代碼如下：

 1  <textarea placeholder="輸入信息" style="padding:{{detail ? ‘10rpx;‘:‘20rpx;‘}}" />
 2
 
 //根據detail的值分別顯示不同的屬性值
 3 
 4 
 5 Page({
 6   data: {
 7    detail:false  //默認顯示安卓的
 8    },
 9     onLoad: function (e) {
10        var phone=wx.getSystemInfoSync();  //調用方法獲取機型
11        var detail;
12     if (phone.platform==‘ios‘){
13      detail=true;
14     } else if (phone.platform == ‘android‘){
15
 
       detail = false;
16     }
17   }    
18 })        

能得到的機型內容具體如下，devtools顯示在模擬器，在真機上分別是ios和android：

總結：以上內容供學習總結分享，有什麽不對的地方或可優化的地方，歡迎各位多多指教。

關於多行文本 textarea 在ios 真機上padding相對安卓較大問題