css解决1px边框线粗的问题

devtools/2024/10/24 12:22:50/

正常写法,不同手机上线很粗很丑,UI很细腻

.item {border-bottom:1px solid #eeeeee&:last-child{border-bottom:none;}
}

解决方案

.item {position: relative;&:after{content: '';position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;background: #eeeeee;transform:  scaleY(0.5);}&:last-child:after {display: none;}
}

http://www.ppmy.cn/devtools/89034.html

相关文章

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-6- 元素基础定位方式-上篇 (详细教程)

软件测试微信群:https://bbs.csdn.net/topics/618423372 有兴趣的可以扫码加入 1.简介 从这篇文章开始,就开始要介绍UI自动化核心的内容,也是最困难的部分了,就是:定位元素,并去对定位到的元素进行一系列…

【jvm】类加载分几步

目录 1. 加载(Loading)2. 链接(Linking)2.1 验证(Verification)2.2 准备(Preparation)2.3 解析(Resolution) 3. 初始化(Initialization&#xff0…

Spring Boot常用注解

一,核心注解 1, SpringBootApplication 用途:标注一个主程序类,表明是一个SpringBoot应用程序的入口。 功能:这是一个复合注解,组合了ComponentScan,EnableAutoConfiguration,Spr…

【Material-UI】Autocomplete 组件中的虚拟化功能(Virtualization)详解

文章目录 一、虚拟化概述二、实现虚拟化的步骤1. 引入依赖2. 自定义 Popper 组件和 Listbox 组件3. 代码详解4. 性能优化 三、实际应用场景1. 大规模数据列表2. 高性能需求的应用 四、总结 在现代 Web 开发中,处理大量数据时,性能优化显得尤为重要。Mate…

Vue3 + js-echarts 实现前端大屏可视化

1、前言 此文章作为本人大屏可视化项目的入门学习笔记,以此作为记录,记录一下我的大屏适配解决方案,本项目是基于vite Vue3 js less 实现的,首先看ui,ui是网上随便找的,代码是自己实现的,后面…

Java02 Java程序结构

程序的主结构: 一个完整的Java程序,它的基本结构包括:class类、main方法、输出语句、注释。 命名规范和代码书写 新建项目命名 项目命名时可用数字,字母,下划线,$来命名。(注意:命名…

堆内存申请 - 华为OD统一考试(D卷)

OD统一考试(D卷) 分值: 100分 题解: Java / Python / C++ 题目描述 有一个总空间为100字节的堆,现要从中新申请一块内存,内存分配原则为: 优先分配紧接着前一块已使用的内存,分配空间足够时分配最接近申请大小的空闲内存。 输入描述 第1行是1个整数,表示期望申请的…

【JVM基础11】——垃圾回收-说一下JVM的分代回收?

目录 1- 引言:分代回收1-1 什么是分代回收(What)1-2 为什么要用分代回收?(Why) 2- ⭐核心:分代回收工作机制2-1 工作机制2-2 MinorGC、Mixed GC、FullGC的区别是什么 3- 总结3-1 说一下 JVM 的分…