解决小程序中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') {
   //应用安卓的样式
}
相关推荐
方安乐16 小时前
react笔记之useMemo
前端·笔记·react.js
郑州光合科技余经理16 小时前
源码部署同城O2O系统:中台架构开发指南
java·开发语言·后端·架构·系统架构·uni-app·php
清风细雨_林木木16 小时前
react 中 form表单提示
前端·react.js·前端框架
小二·17 小时前
Python Web 开发进阶实战:边缘智能网关 —— 在 Flask + MicroPython 中构建轻量级 IoT 边缘推理平台
前端·python·flask
TOPGUS17 小时前
解析200万次对话数据:ChatGPT引用内容的核心特征与优化策略
前端·人工智能·搜索引擎·chatgpt·seo·数字营销
亿坊电商17 小时前
【家政服务】小程序+APP(项目源码),三端无缝协同系统解析!
小程序·开源软件
羊仔AI探索17 小时前
前端已死,未来已来,谷歌Gemini 3 Pro杀回来了!
前端·人工智能·ai·aigc
快起来搬砖了17 小时前
UniApp/Vue2 通用工具函数库(完整版):覆盖校验、格式、业务全场景
前端·uni-app
GGGG寄了17 小时前
HTML——图像标签及多媒体标签
前端·html
小小码农Come on17 小时前
QPushButton QSS(一):按钮常用qss
前端·javascript·css·qt5