解决小程序中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') {
   //应用安卓的样式
}
相关推荐
阿萨德528号16 分钟前
npm 包发布实战指南:从零发布、更新迭代到版本治理
前端·npm·策略模式
IT_陈寒29 分钟前
Vue的v-for为啥把我的渲染顺序搞乱套了?
前端·人工智能·后端
软件聚导航42 分钟前
软件聚导航-前端工程师的“小家庭”,工具与生活并存
人工智能·小程序·学习方法·图片压缩
sir.山1 小时前
在 Vue 3 项目中使用 Mock 数据
前端·vue.js·vue3·vite
李剑一1 小时前
华为新上Pura X View阔直板手机,特殊屏幕比例设备下,前端应该怎么去适配更完美?送你一套完整工具代码
前端
0xBADCODE1 小时前
Flask SSTI读SECRET_KEY+伪造Session:税务系统渗透全流程
前端·后端·python·安全·web安全·网络安全·flask
01_ice1 小时前
html个人简历展示
前端·html
程序员爱钓鱼1 小时前
Rust where详解:让泛型与Trait约束更加清晰
前端·后端·rust
zzzzzz3102 小时前
react-bits 为什么会吸引前端开发者:别把动效当装饰,先把它当成页面能力
前端·react.js·动效
风月说与山鬼4 小时前
二、React入口文件(main.jsx)
前端·react.js