在微信小程序中,同样的宽度100%,textarea和其他标签的实际宽度不一样

问题

如图:创作描述是label标签,当然view也一样,下面的textarea明显已经超出宽度了

原因

textarea是小程序的「原生组件」(渲染层级和普通组件不同),自带系统级的默认样式(比如 iOS/Android 端的默认内边距、边框),而label是普通自定义组件,无原生默认样式。

解决方案

给textarea加box-sizing: border-box;

或把textarea的内边距边框等设置为0

相关推荐
00后程序员张3 小时前
iOS APP 性能测试工具,监控CPU,实时日志输出
android·ios·小程序·https·uni-app·iphone·webview
计算机毕设指导63 小时前
基于微信小程序的驾校预约管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea
毕设源码-邱学长4 小时前
【开题答辩全过程】以 养老服务微信小程序为例,包含答辩的问题和答案
微信小程序·小程序
2501_915921434 小时前
360移动端性能监控实践QDAS-APM(iOS篇)
android·macos·ios·小程序·uni-app·cocoa·iphone
梦梦代码精15 小时前
《全栈开源智能体:终结企业AI拼图时代》
人工智能·后端·深度学习·小程序·前端框架·开源·语音识别
米饭同学i19 小时前
微信小程序实现动态环形进度条组件
前端·微信小程序
说私域1 天前
基于AI智能名片链动2+1模式服务预约小程序的旅拍消费需求激发路径研究
大数据·人工智能·小程序
小白学大数据1 天前
某程旅行小程序爬虫技术解析与实战案例
爬虫·小程序
小小王app小程序开发1 天前
家政服务小程序特殊玩法开发全解析:技术实现+架构支撑+合规落地
小程序·架构