px to rem

document.documentElement.clientWidth window.innerWidth

分辨率 像素点在屏幕中的分布

像素 每个像素都具备颜色和特定的位置

英寸是固定单位，但像素不是

屏幕像素密度

像素点和清晰度的关系 ppi = 水平像素点平方+锤子像素点平方的和开根号后，除以显示的尺寸

物理像素

视网膜屏幕

设备独立像素

设备像素比：物理像素和设备独立像素的比值，通过js获取 window.devicePixelRatio

e.g 物理像素 750 * 1334 设备独立像素 375 * 667 像素比 2

布局视口 document.documentElement.clientWidth 是网页布局的基准窗口，在这里只考虑布局，也就是不会有非布局的内容，例如滚动条，例如菜单栏 而在移动端，布局视口有一个默认值980px，这保证了pc网站可以在手机上显示，尽管丑丑的

视觉视口 window.innerWidth 用户视觉上看到的真实区域，包括滚动条

理想视口 window.screen.width 其实就是上面说的设备独立像素，不过当布局视口和理想视口一致的时候，那结果就是一样的了。

如何知道px 转rem该除以多少，设计稿按照多大的宽度来设计的，就按这个宽度，除以我们在flexible.js中除以的值，所以统一商品的工程应该除以50