flexible与jqueryweui样式冲突

公众号网页flexible与jquery-weui样式冲突

正在写一个微信公众号H5,因为可能还要写支付宝的&＃xff0c;所以用了jquery-weui,刚开始都用pt做的单位&＃xff0c;之后发现横屏时还是以高度为准&＃xff0c;所以元素都特别小&＃xff0c;所以改用rem,就用了flexible.js。

引入之后发现大部分都可以&＃xff0c;但是有些机型中元素都特别小&＃xff0c;后来发现jquery-weui会对有些分辨率做兼容&＃xff0c;比如下图

而且都是加了最大权重的&＃xff0c;而flexible在给html动态加字体大小的时候&＃xff0c;由于权重小&＃xff0c;就会被覆盖。

所以怎么解决呢&＃xff1f;

我是改了flexible的源码&＃xff0c;在html没有样式时不会有影响,如果有所改变可以搜一下cssText很好解决的,最后上图

在原码中docEl.style.fontSize &＃61; rem&＃43;‘px’;用这个动态改html的字体大小的&＃xff0c;现在需要增加权重&＃xff0c;所以可以改为docEl.style.cssText&＃61;‘font-size:’&＃43;rem&＃43;‘px !important’;&＃xff08;docEl.style.fontSize拼接!important是不生效的&＃xff09;&＃xff0c;之后就好了