今天在公司查看页面,页面完全是由之前的前端书写的,现在还在熟系代码,
这时候我看到了一个js文件,
<script type="text/javascript" src="/2017wap/static/phone/js/flexslider-min.js"></script>
flexslider.js? 这时候我还不知道这个文件是做什么用的,以为是之前前端书写的,结果一搜索发现这个是
淘宝的移动端适配方案lib-flexible.
赶紧查看github页面,发现了这么一段话 。
由于viewport
单位得到众多浏览器的兼容,lib-flexible
这个过渡方案已经可以放弃使用,不管是现在的版本还是以前的版 本,都存有一定的问题。建议大家开始使用viewport
来替代此方案。
作为刚学习前端不久的我,没有听说过这种早期的移动端适配方案,既然公司还在使用,那么我可以进行一下了解,首先可以看出的是,该方案是根据页面大小来进行html文件的font-size属性修改的,而其他元素都是使用rem进行适配,这样可以匹配大多数的移动端页面,这里又引入了物理像素与逻辑像素的概念,这个今后再谈吧。