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

问题

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

原因

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

解决方案

给textarea加box-sizing: border-box;

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

相关推荐
好赞科技3 小时前
深度测评2026年精选美发预约小程序排行榜 革新预约新体验 修订
大数据·微信小程序
一颗无敌码农8 小时前
多商户与多门店电商系统有什么区别?核心模式解析
微信小程序·php·用户运营·crmeb
wuyoula12 小时前
全新多平台电商代付商城源码
开发语言·c++·ui·小程序·php源码
低代码布道师12 小时前
微搭低代码MBA 培训管理系统实战 36——小程序端课程预约功能实现
低代码·小程序
万岳科技系统开发12 小时前
小程序直播架构调整指南:H5嵌套模式的优化与替代方案
小程序·架构
Greg_Zhong13 小时前
学习AI 工程师第 3 天:小程序中调用豆包模型,实现ai助手(打字机效果与流式输出)
小程序·ai工程师·小程序调用豆包实现ai助手
于先生吖14 小时前
家政派单小程序定制厂家
大数据·小程序
00后程序员张14 小时前
完整指南 iOS App上架到App Store的步骤详解
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
hhzz15 小时前
记录微信小程序tabbar不显示问题:uni-app Vue 3 自定义 tabBar 不渲染
vue.js·微信小程序·uni-app
久爱@勿忘15 小时前
uniappH5跳转小程序
前端·小程序·uni-app