一个20英寸的电脑显示屏。假如设置分辨率：1920X1080。这个时候，写一个div（1280X720）PX，是不会充满这个20英寸的电脑显示屏的，但是当把这个20英寸的电脑分辨率设置为1280X720的时候，还是这个1280X720的div，就会填满这个20英寸的电脑屏幕。屏幕的分辨率和px的大小有着怎样的关系？
同一个电脑，分辨率是1920X1080的时候的1PX会小于1280X720时候1PX的的长度,是怎么回事？
我认为这和CSS Pixels与Device Pixels之间的关系是一样的。
CSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。
device pixels： 显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度。
问题的拓展
当且仅当你设置的分辨率和显示屏的分辨率一致时，显示才是正常的（内容不被拉伸），所以不用管同一台显示器设置不同分辨率的情况。
调到 1280x720 的时候，输出的图像在显示器上就会被拉伸到 1920x1080.