84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
接触到h5的基础知识，了解到像素是一个相对单位，屏幕的尺寸才是绝对单位，因为屏幕尺寸是绝对单位，所以当这个屏幕容纳更多的像素点的时候，这个屏幕的像素密度(PPI)就高，这个我知道，但是我有个疑问，如果设计师在电脑上设计了163px163px的蓝色方块，那么在PPI为163的屏幕上，那这个方块看起来正好就是11寸大小吗？这个时候需要考虑电脑的像素密度吗？因为163px是个相对单位，所以怎么知道在电脑上设计的163px，就在手机上也是163px呢，
光阴似箭催人老，日月如移越少年。
别走火入魔了，先别把px当成相对单位。
参考2篇旧文 CSS 长度单位，RETINA时代的前端优化
像素是一个相对单位
这个说法有点问题。如果你设计图的1px等于设备的1px，那么你163*163的正方形就是，长度就是一寸。像素密度不同，实际尺寸当然不一样。
所以怎么知道在电脑上设计的163px，就在手机上也是163px呢
web排版的时候是不考虑ppi的，至于怎么适配你需要明白viewport,dpr这些概念给你个链接http://www.cnblogs.com/2050/p...先看看
这个要看对应的手机逻辑分辨率是多少，而不是它的设置分辨率，这两者之间是1:n的关系
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
别走火入魔了，先别把px当成相对单位。
参考2篇旧文 CSS 长度单位，RETINA时代的前端优化
这个说法有点问题。如果你设计图的1px等于设备的1px，那么你163*163的正方形就是，长度就是一寸。像素密度不同，实际尺寸当然不一样。
web排版的时候是不考虑ppi的，至于怎么适配你需要明白viewport,dpr这些概念
给你个链接http://www.cnblogs.com/2050/p...先看看
这个要看对应的手机逻辑分辨率是多少，而不是它的设置分辨率，这两者之间是1:n的关系