关于工作遇到的移动端适配的一点问题

    今天在公司查看页面,页面完全是由之前的前端书写的,现在还在熟系代码,

这时候我看到了一个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进行适配,这样可以匹配大多数的移动端页面,这里又引入了物理像素与逻辑像素的概念,这个今后再谈吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值