本文介绍了作者在前端学习中对移动端适配的研究，重点探讨了rem布局和手淘团队的flexible.js。通过理解dpr和viewport，解释了flexible.js动态调整html font-size的原理。同时，讨论了dpr在实际应用中的作用，如解决高清显示问题。作者分享了自己对dpr的疑惑，并提出了仅依赖屏幕宽度调整font-size的做法。此外，提到了zoom属性在移动端适配中的局限性和问题。
记录我的第一篇博客
学习前端有一段时间，看博客一直是自己的学习习惯，今天我也来分享一下，从此以后，开始我的博客之旅（废话了几句），下面进入正题：
移动端适配，对于我来说，一直是一个头疼的问题；经过长期的挣扎，终于花了一整块时间去研究了一下rem布局；
我在网上看了很多关于rem的文章，大多都是介绍手淘团队的flexible.js，相信大多数人都读过大漠老师写的这篇文章，请仔细阅读文章；
flexible.js的原理
通过移动设备的dpr（设备像素比：设备像素比 = 物理像素 / 设备独立像素 ；window.devicePixelRatio）和屏幕宽度（document.document.clientWidth）来动态的改变html的font-size的大小
手淘团队flexibe github源码，中间有几个地方不明白；也看了很多解释得文章，也没能很好的理解
1.上面的那一句注释是不是写错了，ios下不是分2、3屏。他干嘛注释说用2倍方案？？？
最低0.47元/天 解锁文章
扫一扫
599
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
