有两个疑问，求大神解答，为啥要分成10a，1rem=75有啥用，还有为啥把安卓置成dpr1,安卓那么多2和3的 about lib-flexible

[airen]

简单的做一下回答。

这个方案是根据vw的单位原理为基础理论。根据vw的单位原理，整个viewport是100vw，那么1a就等于1vw。假设我们的设计图是750px的宽度，那么1a就是7.5px。同时为了让font-size更适合阅读，就考虑在此基础上放大10倍，即10a=100vw，如此10a=75px。这样就把整个设计分成了10等份，每一等份就是75px，同时将html的font-size设成75px。然后根据不同的dpr来修改html元素的font-size值。

第二个问题，由于早期安卓的dpr属性不标准，所以强制设置为1。根据现在的技术成熟角度而言，可以考虑给安卓提供一份白名单。后期会根据这个给安卓做一些处理。

不知道这样的解释是否能帮您。

[iceshu]

淘宝的做法是只管iOS，安卓一律把dpr设为1，官方的说法是安卓的厂商会自己修改dpr，导致安卓上的 window. devicePixelRatio 是假的。

[iceshu]

如果分成一百分 一份为a 1rem为7.5a 那么ip6 布局视口是750 1rem为7.5 60px转换就是8rem 600px转换就是80rem 我觉得没啥 就是自己这样定义而已

[hbrls]

我的理解就是保持比例缩放，大屏幕看到的更大，小屏幕看到的更小

[rpig]

@iceshu 那安卓为啥默认不设成2

[jasonChen1982]

其实感觉分成10分这个概念没那么必要。说白了rem只是一个比例中转的作用，当打开页面时js根据此时屏幕的尺寸动态算出当前屏幕的与设计稿之间的比值，然后将比值作用到根font－size上，这样页面里的所有rem单位的内容就随之放大或缩小。

[rpig]

@airen 谢大神