2016 - 2024

感恩一路有你

flexible.js 怎么使用 js怎样做自适应屏幕?

浏览量:2651 时间:2023-05-21 10:07:43 作者:采采

js怎样做自适应屏幕?

方法追加:

1、安装postcss-px2rem、px2rem-loader、lib-flexible

2、在根目录src中空白文档util目录下新建rem.js等比完全适配文件

找到node_modules里的lib-flexible包,u盘拷贝一份放到utils里面起名字为flexible.js,修改lib-flexible的源码,(你要改refreshRem函数)如何修改为下面的代码就可以了,当然了if推测是根据自己需求的调整。

目的:只不过lib-flexible的源码是针对移动端的设计方案,我们要实现PC的自适应所以我屏幕大小也要换新。

3、在main.js中化入我们刚如何修改过的flexible.js文件(因为我们改了源码,所有我们是需要核心中我们改好的文件)

4、在中配置插件

为什么很多web项目还是使用px,而不是rem?

阅读什么过几篇跪求pxrem的文章,那种感觉rem很强横无比。但自己所接触到的公司项目所有的都在用400px,想很清楚为什么不。是我司技术更新底子太薄了吗?

---补充:我们不过有在用vw和vh,但仅仅在layout层级。组件层建议使用px。

源码 文件 rem 项目 px

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。