解决小程序中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') {
   //应用安卓的样式
}
相关推荐
m0_63725658几秒前
vue-baidu-map添加了类型组件导致非常卡顿的问题
前端·javascript·vue.js
挂机且五杀3 分钟前
为什么在React地图组件里,memo 不是优化,而是生存?
前端·react.js·前端框架
RFCEO5 分钟前
HTML编程 课程七、:HTML5 新增表单标签与属性
前端·html·html5·搜索框·手机号·邮箱验证·日期选择
刘一说21 分钟前
Vue开发中的“v-model陷阱”:为什么它不能用于非表单元素?
前端·javascript·vue.js
利刃大大1 小时前
【Vue】组件生命周期 && 组件生命周期钩子
前端·javascript·vue.js·前端框架
sheji34161 小时前
【开题答辩全过程】以 基于微信小程序的社区养老积分银行系统的设计为例,包含答辩的问题和答案
微信小程序·小程序
建群新人小猿2 小时前
陀螺匠企业助手—个人简历
android·大数据·开发语言·前端·数据库
CHU7290353 小时前
在线教学课堂APP前端功能:搭建高效线上教学生态
前端·人工智能·小程序·php
We་ct4 小时前
LeetCode 125. 验证回文串:双指针解法全解析与优化
前端·算法·leetcode·typescript
帅得不敢出门4 小时前
Android Framework在mk中新增类似PRODUCT_MODEL的变量并传递给buildinfo.sh及prop属性中
android·linux·前端