微信小程序ios下,border显示不全兼容问题解决

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

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

css 复制代码
.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;
}
相关推荐
换日线°8 小时前
css 不错的按钮动画
前端·css·微信小程序
说私域9 小时前
从渠道渗透到圈层渗透:开源链动2+1模式、AI智能名片与S2B2C商城小程序的协同创新路径研究
人工智能·小程序·开源
qq_4275060810 小时前
JavaScript和小程序写水印的方法示例
前端·算法·微信小程序
gongzemin17 小时前
使用Node.js开发微信第三方平台后台
微信小程序·node.js·express
猫头_18 小时前
uni-app 转微信小程序 · 避坑与实战全记录
前端·微信小程序·uni-app
一匹电信狗1 天前
【Linux我做主】进程优先级
linux·运维·服务器·c++·ubuntu·小程序·unix
壹立科技1 天前
Java源码构建智能名片小程序
java·开发语言·小程序
qingyingWin1 天前
原生微信小程序研发,如何对图片进行统一管理?
前端·微信小程序
shadouqi1 天前
问题1:uniapp在pages样式穿刺没有问题,在components组件中样式穿刺小程序不起效果
小程序·uni-app
韩召华1 天前
uniapp实现微信小程序导航功能
微信小程序·uni-app·notepad++