vue项目PC端如何适配不同分辨率屏幕字体和整体布局适应(一)

第一部分:项目中全局引入lib-flexible

1.项目全局中安装lib-flexible

npm install lib-flexible --save

2、在项目的入口main.js文件中引入lib-flexible

import 'lib-flexible'
3.  打开./node_modules/lib-flexible/flexible.js,找到如下片段源码:

(1).

vue项目PC端如何适配不同分辨率屏幕字体和整体布局适应(一)_第1张图片

(2).

vue项目PC端如何适配不同分辨率屏幕字体和整体布局适应(一)_第2张图片

(3).

vue项目PC端如何适配不同分辨率屏幕字体和整体布局适应(一)_第3张图片

你可能感兴趣的:(自适应,vue,vue.js,lib-flexible,vue项目手机端适配方案,postcss-px2rem)