菜鸟求助:Lib-flexible布局rem问题

发布于 09-06 10:03 字数 254 浏览 19 评论 0

插件地址:https://github.com/amfe/lib-f...

网上很多资料说它各种好,但没有一个详细的使用流程,我就想要一个使用流程...怎么实现、怎么好我不想知道,求个基本流程。

另外引用这个插件后html的字体会改变我能理解,但又动态给body加了个font-size=12像素,我想知道这个12像素有什么作用?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

作业与我同在2022-09-13 10:03:19

1.具体流程可以参考https://www.w3cplus.com/mobil...
2.又动态给body加了个font-size=12像素是为了恢复浏览器默认的字体,因为字体是可以继承的,设置了根元素的字体之后,如果不重新设置body的字体,会导致页面上所有的元素如果不主动设置字体,字体会在大的屏幕上显示很大,小的屏幕上显示很小,而正常情况下,在大小屏幕上,一般字体区别都不会很大

好倦2022-09-13 10:03:19
  1. 建议参考使用Flexible实现手淘H5页面的终端适配
  2. 建议参考lib-flexible源码读后感:

    最后给body设置font-size,作者团队也解释了(原话):
    body上设置12 * dpr的font-size值,为了重置页面中的字体默认值,不然没有设置font-size的元素会继承html上的font-size,变得很大。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文