当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/343908.html

相关文章:

  • Linux mkfs.ext2命令教程:如何创建ext2文件系统(附实例详解和注意事项)
  • 基于Springboot的校园招聘系统(有报告)。Javaee项目,springboot项目。
  • 将 Vue、React、Angular、HTML 等一键打包成 macOS 和 Windows 平台客户端应用
  • 使用 MobaXterm 链接 Ubuntu(Windows子系统)
  • QT设计模式:代理模式
  • 独热编码One-Hot是什么?在实际应用中具体是如何存储的?
  • 计算机视觉与深度学习实战之以Python为工具:基于GUI搭建通用视频处理工具
  • 18.Docker学习
  • 树莓派4b红外检测
  • 大模型的不足与解决方案
  • Java中使用FlatBuffers实现序列化
  • [图解]SysML和EA建模住宅安全系统-02
  • 2024年北京服贸会媒体邀约资源有哪些?
  • 大语言模型LLM入门篇
  • Alibaba Cloud Linux 安装mysql及注意事项
  • 设计模式——工厂模式(Factory)
  • NVIDIA Omniverse Cloud API支持数字孪生开发,可解决复杂AI问题 | 最新快讯
  • 智慧电力,山海鲸引领
  • 【文章转载】ChatGPT 提示词十级技巧: 从新手到专家
  • 类的生命周期
  • AI赋能分层模式,解构未来,智领风潮
  • Linux平台下muduo网络库源码编译安装与测试,包含boost库的安装与测试!!!!
  • MATLAB 函数
  • spring高级篇(七)
  • 根据token获取了username后,能否在其他地方使用这个获取的username,或者在其他地方如何获取username?
  • 值模板参数Value Template Parameters
  • Splashtop 荣获 TrustRadius 颁发的“2024年度最受欢迎奖”
  • 使用python将`.mat`文件转换成`.xlsx`格式的Excel文件!!
  • python基础 面向练习学习python1
  • Ubuntu安装Docker和Docker Compose