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

本文主要是介绍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;
}

这篇关于uniapp微信小程序1rpx border在某些手机机型上边框显示不出来解决方案的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---