首页 > TAG信息列表 > px2remLoader

vue项目解决移动端适配的问题

原文链接：https://www.cnblogs.com/nanjie/p/8532326.html 1.这个操作是利用vue cli webpack 搭建的项目 步骤如下 npm install -g vue-cli vue init webpack your-Project-Name cd your-Project-Name npm install npm run dev 2.安装 npm i lib-fle

px2rem-loader（Vue:将px转化为rem，适配移动端）

1：使用的是vue-cli+webpack，通过npm来安装的npm i lib-flexible --save2：在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3：通过meta标签，设置设备宽度以及缩放比例 <meta name="viewport" content="width=device-width, initial-scale=1.0">   4.安装px2rem-

vue移动端适配

1.安装插件 npm i lib-flexible --save // 载lib-flexiblenpm install px2rem-loader // 安装px2rem-loader 　　2.在main.js中引入lib-flexible import 'lib-flexible/flexible' 　　3.在index.html中引入：移动适配meta标签 <meta name="viewport" content=

vue-cli引入手淘移动端适配解决方案

安装lib-flexible,使用命令行 npm i lib-flexible --save 引入lib-flexible，在项目入口文件main.js中引入lib-flexible import 'lib-flexible' 添加meta标签，在项目根目录的index.html中添加如下标签 <meta name="viewport" content="width=device-width, initial-scale=1.0"

使用 rem 作为单位使页面自适应设备宽度

一、新建 rem.js 文件，代码如下： export default function () { document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px' // 禁止双击放大 document.documentElement.addEventListener('touchstart', function (event) {