1px 究竟是多大
一、引言 1px 究竟是多大？这应该是一道很不错的面试题。且看： 1、iphone6s 的分辨率是1920px * 1080px 2、iphone6s 全屏截图文件的尺寸是1242px * 2208px 3、iphone6s 的宽度是414px 4、iphone6s 不加 viewport 的情况下，window.innerWidth = 980px 5、iphone6s 加 viewport 且 scale 都为1的情况下，window.innerWidth = 414px 6、iphone6s 加 viewport 且 scale 都为.5的情况下，window.innerWidth = 829px 这些 px 单位都是啥？ 二、几个关键概念 设备像素：设备的物理像素，其尺寸大小是绝对的 逻辑像素：CSS 的像素单位，其尺寸大小是相对的，也称为独立像素 分辨率：屏长的设备像素 × 屏宽的设备像素 dpi（dots per inch）：像素密度，表示水平或垂直方向每英寸长度的像素数目 ppi（pixels per inch）：像素密度，表示沿对角线每英寸长度的像素数目 （dpi 和 ppi 其实不就是一回事吗，呵呵） 缩放因子（Scale Factor）：逻辑像素相对于设备像素的放大比例，可通过 window