移动端开发中,关于1px问题的解决方案

我们在开发移动端的时候,会遇到给元素添加1px边框的问题,我们在开发的时候给边框设置为0.01rem solid #ccc

在开发页面中显示的很清晰,真机测试的时候就会发现边框颜色很浅,很淡,几乎可以忽略不计,咋一看感觉无从下手不知道怎解决

后来了解到这是因为手机像素的问题,不同型号的手机有着不同的像素密度,因为我们设置的0.01rem对于像素密度小的手机来讲几乎等于0,

这个时候我们只需要把0.01rem 修改为1px 就可以正常显示边框了

posted @ 2022-04-28 16:42  ꧁焱焱幽静꧂  阅读(0)  评论(0编辑  收藏  举报