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

使用的是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上的字体大小覆盖掉呢


吃鸡游戏
浏览 579回答 1
1回答

aluckdog

造成这个问题的原因是因为我设置了viewport,所以flexible不会为我添加data-dpr了,[data-dpr]下的选择器自然不会生效啦。解决方法:自己手动添加data-dpr删除viewport让flexible帮你添加
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3