px2rem转换设置字体注释/*px*/，字体没有转化为设置的大小？

Question

使用的是amfe-flexible和px2rem适配字体

font-size: 28px; /*px*/

如上设置了注释/*px*/，但是字体最终表现为24px

按照文档里的写法，理想的结果应该是根据dpr生成三种14px,28px,42px三种大小的字体。

根元素上font-size: 37.5px;，body上设置的字体大小是24px，这两个应该是flexible添加的字体大小？但是为何设置的font-size: 28px; /*px*/不生效？

使用/px/时的确是转换出来了

[data-dpr="1"] #top-nav {
  font-size: 14px;
}

[data-dpr="2"] #top-nav {
  font-size: 28px;
}

[data-dpr="3"] #top-nav {
  font-size: 42px;
}

但是为何会被body上的字体大小覆盖掉呢

Answer 1

如果你需要rem不生效，你可以font-size: 28px; /*no*/

Answer 2

造成这个问题的原因是因为我设置了viewport，所以flexible不会为我添加data-dpr了，[data-dpr]下的选择器自然不会生效啦。
解决方法：

1. 自己手动添加data-dpr
2. 删除viewport让flexible帮你添加