本文解析了1px线条在高分辨率设备上显示过粗的原因，涉及到物理像素、逻辑像素及设备像素比的概念。指出设计图上的1px若直接应用于CSS，将占用2个物理像素，因此显得更粗，建议使用0.5px或rem单位解决。
1px 在高清屏上变粗了，为啥？
已iphone为准；
物理像素（设备像素）：750pt，设计师设计的宽度，就是屏幕的分辨率，出厂就定了的。我们看到的是屏幕
逻辑像素（css像素）：375px；屏幕的宽度；
设备像素比(dpr)： 是指在移动开发中1个css像素占用多少设备像素，如2代表1个css像素用2个设备像素来绘制。
设计图上的1px如果当成逻辑像素的话，，如果直接写border ：1px 的话，那么就相当于2个物理像素，所以看起来就粗了。
其实是物理像素，用0.5px就好了，或者用rem https://blog.youkuaiyun.com/github_39319000/article/details/104968387
扫一扫
856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
