CSS中 。实现0.5px的border方法有很多种 。但在浏览器上的兼容性差异很大 。有兼容的比较好的 。也有兼容性比较差的 。下面 。分两点来回答一下: 一、0.5px意义在回答具体使用哪种方式去实现一个0.5像素的边框之前 。我觉得应该先弄清楚画一条0.5px边框的意义在哪里 。0.5px相当于高清屏物理像素的1PX 。这样的目的是在高清屏上看起来会更细一点 。效果会更好点 。二、画0.5px的方法前面我说了 。方法有好多:1、直接设置宽高border为0.5px 。2、设置box-shadow的垂直方向的偏移量为0.5px 。3、借助线性渐变linear-gradient 。4、使用transform:scaleY(0.5) 。5、使用SVG方法 。6、viewport的缩放比例不是1的话 。直接画1px即可 。
通过验证 。发现方法4 。5兼容性和效果是最好的 。
【css中0.5px的border该如何操作?】欢迎关注“小郑搞码事” 。有代码的事一起聊 。
推荐阅读
- 7+7居家隔离能上班吗
- 大家回忆一下,小时候遇到的最诡异可怕的事是什么?
- 近几年,有哪些美国大片值得观看?
- 7+7居家隔离家人能出入吗
- 有什么除了恐怖图以外的细思恐极的图片?
- 看这么多美国大片,印象中出现最多的是雪佛兰和福特,好像没看见过别克,这是为啥呢?
- 杜康是什么朝代的人:杜康竟是中兴夏朝的君王 酒的传说
- 已致2012人遇难!中国女游客:拉着妈妈狂奔逃生!监控曝光揪心一幕……
- 7+7居家隔离要做几次核酸