菜鸟求助:Lib-flexible布局rem问题
插件地址:https://github.com/amfe/lib-f...
网上很多资料说它各种好,但没有一个详细的使用流程,我就想要一个使用流程...怎么实现、怎么好我不想知道,求个基本流程。
另外引用这个插件后html的字体会改变我能理解,但又动态给body加了个font-size=12像素,我想知道这个12像素有什么作用?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
发布评论
评论(2)
好倦2022-09-13 10:03:19
- 建议参考使用Flexible实现手淘H5页面的终端适配
建议参考lib-flexible源码读后感:
最后给body设置font-size,作者团队也解释了(原话):
body上设置12 * dpr的font-size值,为了重置页面中的字体默认值,不然没有设置font-size的元素会继承html上的font-size,变得很大。
~没有更多了~
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
1.具体流程可以参考https://www.w3cplus.com/mobil...
2.又动态给body加了个font-size=12像素是为了恢复浏览器默认的字体,因为字体是可以继承的,设置了根元素的字体之后,如果不重新设置body的字体,会导致页面上所有的元素如果不主动设置字体,字体会在大的屏幕上显示很大,小的屏幕上显示很小,而正常情况下,在大小屏幕上,一般字体区别都不会很大