关于flexble.js 刷新后才能自适应手机的问题

xiaoxiao2021-03-25 101

首先大家都知道flexible.js手淘框架，是一个用来适配移动端的js框架。手淘框架的核心原理就是根据不同的width给网页中html跟节点设置不同的font-size，然后所有的距离大小都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。使用步骤简单介绍如下： 1.引入flexible.js 2.根据拿到的设计手稿进行rem值转换。引入js后，加载dom时，整个页面会在html标签处增加一个style：font-size：xx px；这个就是整个页面的根植。在使用过程中，会发现在手机终端真机测试的时候，安卓手机和ios系统手机进行分别测试的时候，起初不能初始化自适应，必须手动进行刷新才可以是页面自适应。那么如何解决呢？大家都知道flexble.js 会自动给html进行fontsize设置。可是进行移动端页面开发是必须加上这个meta标签。 <metaname="viewport"content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">

转载请注明原文地址: https://ju.6miu.com/read-11625.html

技术

最新回复(0)