解决小程序中textarea ios端样式不兼容的方法

问题描述 ,今天在调试小程序的时候有个需求需要textarea与标题对其,微信开发工具和安卓系统都没有问题 但是ios系统textarea存在内边距。出现不兼容的情况

解决方法:我们看官网的textarea的属性 textarea | uni-app官网

  • disable-default-padding 是否去掉 iOS 下的默认内边距

代码:

html 复制代码
<textarea class="title_textarea"  disable-default-padding = 'true'/>

第二种方法

获取手机机型;然后判断是ios手机还是安卓手机,根据不同的手机型号,编写不同代码即可

代码:

javascript 复制代码
let phone = wx.getSystemInfoSync();  //调用方法获取机型
if (phone.platform == 'ios') {
   //应用ios的样式
} else if (phone.platform == 'android') {
   //应用安卓的样式
}
相关推荐
芳草萋萋鹦鹉洲哦11 分钟前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
游戏开发爱好者818 分钟前
Charles 抓不到包怎么办?从 HTTPS 代理排错到底层数据流补抓的完整解决方案
网络协议·http·ios·小程序·https·uni-app·iphone
HIT_Weston27 分钟前
47、【Ubuntu】【Gitlab】拉出内网 Web 服务:Nginx 事件驱动分析(一)
前端·ubuntu·gitlab
开发者小天1 小时前
React中的 闭包陷阱
前端·javascript·react.js
翔云 OCR API1 小时前
承兑汇票识别接口技术解析-开发者接口
开发语言·前端·数据库·人工智能·ocr
涔溪1 小时前
Vue3 的核心语法
前端·vue.js·typescript
G***E3161 小时前
前端在移动端中的React Native Web
前端·react native·react.js
云烟飘渺o2 小时前
JPA 的脏检查:一次“没 save() 却更新了”的排查记录
前端
Neptune12 小时前
深入浅出:理解js的‘万物皆对象’与原型链
前端·javascript
王霸天2 小时前
扒一扒 Vue3 大屏适配插件 vfit 的源码:原来这么简单?
前端