解决小程序中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') {
   //应用安卓的样式
}
相关推荐
seabirdssss24 分钟前
《bootstrap is not defined 导致“获取配置详情失败”?一次前端踩坑实录》
前端·bootstrap·html
kgduu35 分钟前
js之表单
开发语言·前端·javascript
谢尔登2 小时前
Vue3 响应式系统——computed 和 watch
前端·架构
愚公移码2 小时前
蓝凌EKP产品:主文档权限机制浅析
java·前端·数据库·蓝凌
欣然~4 小时前
法律案例 PDF 批量转 TXT 工具代码
linux·前端·python
一个小废渣4 小时前
Flutter Web端网络请求跨域错误解决方法
前端·flutter
2501_915909064 小时前
原生与 H5 共存情况下的测试思路,混合开发 App 的实际测试场景
android·ios·小程序·https·uni-app·iphone·webview
符文师5 小时前
css3 新特性
前端·css3
ct9785 小时前
WebGL开发
前端·gis·webgl
C_心欲无痕5 小时前
前端页面渲染方式:CSR、SSR、SSG
前端