1px? 0.5px! 前一段时间刚开发完一个项目，但总感觉界面样式怪怪的，虽然表面上看起来和设计稿是一样的，可是就是没设计稿那种感觉，而且莫名还有一种山寨的气息，让我感到很郁闷，找来找去终于发现罪魁祸首——border线宽的问题。 问题产生的原因 关于设备像素的基础知识，建议去看 ...

意思是: 设定元素的边框为 1 像素宽、实线、颜色使用 rgba 来表达。 其中，rgba 是 CSS3 中的属性。rgba 括号中前 3 个数字代表着 red green blue 三种颜色的 rgb 值（0-255），最后一个是设定这个颜色的透明度即 alpha 值。范围从 0 到 1，越 ...

1.圆角不圆 比如需要我们画一个 r 为 5px 的圆，如果我们使用 rem 作为单位，我们很快会发现在一些机型上的图案不圆，会呈现椭圆形。这是由于 rem 转 px 会存在精度丢失问题。 所以这个时候我们就需要使用 px 配合 dpr 来实现： .circle(@size ...

参考： https://blog.csdn.net/Tyro_java/article/details/52013531 效果： 方法：利用 伪元素 + 缩放 注：我的页面是vue页面，使用v-for渲染的 页面： css： ...

...

使用CSS 绘制出 1px 的边框，在移动端上渲染的效果会出现不同，部分手机发现1px 线条变胖了，这篇文章整理2种方式实现1px 像素线条。 1、利用box-shadow + transform 办公资源网址导航 https://www.wode007.com ...

和高度，相对于屏幕宽度和高度的1%，处理宽度的时候%单位更合适，高度vh更合适 px:像素，相对于屏 ...

如何用css制作比1px更细的边框 在项目的开发过程中，我们常常会使用到border:1px solid xxx,来对元素添加边框； 可是1px的border看起来还是粗了一些粗，不美观，那么有什么方法可以添加比1px更细的边框呢？这里我们可以用:before或者:after来解决： 1：设置 ...