uniapp微信小程序1rpx border在某些手机机型上边框显示不出来解决方案

小程序在ios系统中,如果border小于1px的情况下,border就可能显示不全(可能少了上下左右任意一边)

只需要加一个::after或::before伪类,使用绝对定位定在原来元素上边就不会产生问题了!

.d_card_line1_tag {

padding: 1rpx 14rpx;

/* border: 1px solid #333; */

font-size: 18rpx;

position: relative;

}

.d_card_line1_tag::after{

content: '';

position: absolute;

left: 50%;

top: 50%;

width: 100%;

height: 100%;

transform: translate(-50%,-50%);

border: 0.5px solid #333;

border-radius: 4rpx;

}

相关推荐
一念永恒@6 分钟前
vue2新增删除
前端·javascript·vue.js
多客软件佳佳18 分钟前
基于Thinkphp6+uniapp的陪玩陪聊软件开发方案分析
小程序·uni-app·php·生活·交友
岸边的风24 分钟前
vue中mixin的理解,有那些使用场景?
前端·javascript·vue.js
时间sk39 分钟前
CSS——6. 导入样式
前端·css
大大。43 分钟前
小程序textarea组件键盘弹起会遮挡住输入框
小程序
玩具工匠1 小时前
字玩FontPlayer开发笔记9 Tauri2打包应用
前端·笔记
说私域1 小时前
开源AI智能名片商城小程序在个人品牌建设中的应用与“展温度”策略融合深度探索
人工智能·小程序
kaoyaoyao1 小时前
提升小程序获客策略
小程序·seo
V+zmm101341 小时前
基于微信小程序疫苗预约系统ssm+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
说私域1 小时前
会员制营销与门店业绩提升:以开源AI智能名片S2B2C商城小程序为例的深度剖析
人工智能·小程序