解决小程序中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') {
   //应用安卓的样式
}
相关推荐
布列瑟农的星空1 分钟前
从 ES2015 到 ES2025:你还跟得上吗
前端
Filotimo_8 分钟前
Vue 选项式 API vs 组合式 API:区别全解析
前端·javascript·vue.js
文心快码BaiduComate10 分钟前
百度文心快码全面支持GLM-5
前端·人工智能
unirst198500710 分钟前
使用vite打包并部署vue项目到nginx
前端·vue.js·nginx
wordbaby11 分钟前
Vue 实战:从零实现“划词标注”与“高亮笔记”功能
前端
上海合宙LuatOS27 分钟前
LuatOS核心库API——【fatfs】支持FAT32文件系统
java·前端·网络·数据库·单片机·嵌入式硬件·物联网
wuhen_n39 分钟前
JavaScript 手写 new 操作符:深入理解对象创建
前端·javascript
不想秃头的程序员40 分钟前
TypeScript 核心基础知识
前端·面试·typescript
派星43 分钟前
Day02:认识 AI IDE 工具
前端·人工智能
m0_5287490044 分钟前
linux编程----目录流
java·前端·数据库