淘宝网触屏版为什么rem跟px混用?有什么好处?为什么不都用rem
发布网友
共2个回答
热心网友
淘宝使用的自适应方案是lib-flexible。可以在github上找到。
在iPhone3G和iPhone4的Retina屏下面，希望看到的文本字号是相同的。也就是说，我们不希望文本在Retina屏幕下变小，另外，我们希望在大屏手机上看到更多文本，以及，现在绝大多数的字体文件都自带一些点阵尺寸，通常是16px和24px，所以我们不希望出现13px和15px这样的奇葩尺寸。
如此一来，就决定了在制作H5的页面中，rem并不适合用到段落文本上。所以在Flexible整个适配方案中，考虑文本还是使用px作为单位。只不过使用[data-dpr]属性来区分不同dpr下的文本字号大小。
详细的介绍看这里：https://github.com/amfe/article/issues/17
