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;
}

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-09 09:44:07       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-09 09:44:07       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-09 09:44:07       82 阅读
  4. Python语言-面向对象

    2024-05-09 09:44:07       91 阅读

热门阅读

  1. 在 PHP使用正则表达式替换从 abc 到 xyz 的字符串

    2024-05-09 09:44:07       31 阅读
  2. Oracle Patch清理

    2024-05-09 09:44:07       25 阅读
  3. Gateway的基本配置

    2024-05-09 09:44:07       36 阅读
  4. 电子邮件协议

    2024-05-09 09:44:07       30 阅读
  5. Centos7 将home空间分配给根目录(/dev/centos/root)

    2024-05-09 09:44:07       28 阅读
  6. conda搭建torch开发环境

    2024-05-09 09:44:07       33 阅读
  7. 【C++】GNU Debugger (GDB) 使用示例

    2024-05-09 09:44:07       34 阅读