关于PX的理解,还有手机上的一些问题
首先,谢谢你做的这期视频,我之前写手机端的时候,就遇到一些不明了的问题。
先说一下PC端上的。
首页,根据从网上得来的知识:PX是一个相对长度,而不是一个绝对长度(相对于PC的分辨率)。比如20英寸的电脑显示屏。假如设置分辨率:1920X1080。这个时候,写一个div(1280X720)PX,是不会充满这个20英寸的电脑显示屏的,但是当我们把这个20英寸的电脑分辨率设置为1280X720的时候,还是这个1280X720的div,就会填满这个20英寸的电脑屏幕。说以说我们写的CSS中1PX的长度是和电脑的分辨率有关的(可以认为CSS中的1PX和使用电脑的分辨率的1个单位长度相同)。也正是这个原因,导致了相同的CSS修饰,在不同的分辨率下展现的效果不同。
物理像素,就是你说的那个dp,长度应该是绝对的吧。这样的话,根据PX和dp的换算公式,同一个电脑,分辨率是1920X1080的时候的1PX长度不是应该大于1280X720时候1PX的长度吗?但是实际上是小于的,因为分辨率1280的时候,1280PX宽度的div充满显示屏,但是1920的时候,没有充满。还是说这个换算公式只是在手机端有效?