解决小程序中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') {
   //应用安卓的样式
}
相关推荐
菜市口的跳脚长颌5 小时前
Web3 基础
前端
快乐是Happy5 小时前
分享一个非常实用的防止重复提交操作
前端·javascript
王蛋1115 小时前
前端工作问题或知识记录
前端·npm·node.js
云枫晖5 小时前
JS核心知识-执行上下文
前端·javascript
麦当_5 小时前
TanStack Router File-Based Router Mask 完全指南
前端·javascript·设计模式
普通码农5 小时前
解决 Element Plus 分页组件英文显示问题
前端
珍珠奶茶爱好者5 小时前
vue二次封装ant-design-vue的table,识别columns中的自定义插槽
前端·javascript·vue.js
target酱5 小时前
Docker部署全流程
前端·docker
hj5914_前端新手5 小时前
React 基础 - 状态管理
前端·react.js
秃顶老男孩.6 小时前
异步处理(前端面试)
前端·面试·职场和发展