使用的是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上的字体大小覆盖掉呢
造成这个问题的原因是因为我设置了viewport,所以flexible不会为我添加data-dpr了,[data-dpr]下的选择器自然不会生效啦。
解决方法: