接触到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-Frontend] Node.js-Schnellstart](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的关系