请问css中1px的border在手机端为什么显示2px的?

html-css022

请问css中1px的border在手机端为什么显示2px的?,第1张

Retina屏的分辨率始终保持为普屏的2倍。1px的边框在devicePixelRatio = 2的retina屏下会显示成2px,在iphone 6 plug 下,更显示成3px。

由于详细解释比较长,我贴出一篇文章,你可以看下解决方法有很多。

www.tuicool.com/articles/ZRv6bun

在电脑上这个是不可能的,最小就是1px,px表示像素,是液晶的最小显示单位。

至于你说的在手机上看起来小于1px,可能是屏幕分辨率太高,所以1px比在电脑上看起来细。你可以自己设一个div,边框设1px,在那台手机上看一下是不是一样。比如说文字,14px在手机上就比电脑上看起来小。