移动端1px的问题

Question

老师，一直想不通为什么大家一直讨论的只有1px会变粗呢？我的理解是不同设备，根据设备像素比一个逻辑像素用多少个物理像素展示这也是针对所有的像素，假设像素比为2那10px用20个物理像素，1px用2个物理像素，这不都是正常行为吗，为什么单单就说1px粗呢，10px不也一样吗，没明白到底怎么粗了，这个粗到底是和谁比显得粗了？

Answer 1

西门老舅 2022-04-16 19:04:36

你好，是这样的。首先你可以把这一章先看完，然后你就知道，设计稿在PS中量取20像素的时候，在编写CSS的时候是写10像素。那么设计稿在PS中量取1像素的时候，其实在编写CSS的时候是0.5像素才对。但是以前浏览器不支持0.5像素（现在是支持的），所以当时不支持0.5的话，大家就随意的写1px，这样对应设计稿里其实是2个像素。那么看起来就比设计稿的要粗一些。现在已经不存在1px变粗的情况了，因为已经支持0.5px了