关于vue利用postcss-pxtorem进行移动端适配的问题

我是一棵树

2019-11-20

关注关注

刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功，后来经过自己不断尝试之后终于成功了。稍微坐下总结：

1.个人建议在进行postcss-pxtorem适配的时候利用webpack进行项目配置，而不要用webpack-simple，因为webpack里面很多插件加载器之类的都是给你预配好的，这样在项目构建中就不会遗漏什么。

2.cnpm install postcss-pxtorem -D安装postcss-pxtorem，此插件如果你用的是webpack的话只要进行安装即可，不需要另外进行配置，此插件是对px进行转换。

3.新建一个rem.js的文件，输入以下代码即可，然后在main.js中引用。

关于vue利用postcss-pxtorem进行移动端适配的问题

4.在项目的根目录下找到.postcssrc.js文件在文件内添加以下代码，一般750px的设计稿的根元素大小设置32.

关于vue利用postcss-pxtorem进行移动端适配的问题

5.重启项目就ok了

vue 移动互联网终端 postcss webpack

我是一棵树

0 关注 0 粉丝 0 动态

关注关注

【移动端】用Cordova将vue项目打包成app

最近项目用hbuilderx打包web项目为app，发现经常有闪退的问题，尝试改用其他工具打包，以下是实验步骤。下载Android Studio，File=>Settings=>Android SDK，勾选右下角Show Package Det

malonely 2020-07-20

为 Vue 的惰性加载加一个进度条

通常用 Vue.js 编写单页应用时，当加载页面时，所有必需的资源都会被一起加载。在处理大文件时，这可能会导致用户体验不佳。借助 Webpack，可以用 import() 函数而不是 import 关键字在 Vue.js 中按需加载页面。Vue.js 中

gloria0 2020-10-26

vue—cli脚手架

使用npm全局安装webpack，打开命令行工具输入：npm install webpack -g或者，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cl

gloria0 2020-08-09

第一个Vue页面

安装完后，打开cmd命令行界面。安装yarn(fackbook依赖管理工具与Npm功能一样，推荐使用！！！--- 是否安装vue路由 -->. --- 是否启动ESLint代码检测 -->. --- 是否设置单元测试 -->. --- 是

hline 2020-07-29

基于vue-cli搭建vue项目开发环境

vue-cli是vue的脚手架工具，用于快速搭建vue项目。让开发者只关心项目本身，而不去关注项目的开发环境。在安装vue-cli之前，我们先安装webpack，在命令行工具输入下面代码。，这里就默认你安装node.js. webpack-simple

不知道该写啥QAQ 2020-07-18

Vue中使用JsonView来展示Json树的实例代码

前两天干活儿有个需求，在前端需要展示可折叠的Json树，供开发人员查看，这里采用JsonView组件来实现，它是一款用于展示Json的Vue组件，支持大体积的Json文件快速解析渲染，下面记录一下实现过程。{{item.value + (index ===

yuzhu 2020-11-16

详解Vue数据驱动原理

Vue区别于传统的JS库，例如JQuery，其中一个最大的特点就是不用手动去操作DOM，只需要对数据进行变更之后，视图也会随之更新。比如你想修改div#app里的内容:. 在代码层面上的最大区别就是，JQuery直接对DOM进行了操作，而Vue则对数据进行

85477104 2020-11-17

vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能

随着前端技术的飞速发展，大数据时代的来临，我们在开发项目时越来越多的客户会要求我们做一个数据展示的大屏，可以直观的展示用户想要的数据，同时炫酷的界面也会深受客户的喜欢。大屏展示其实就是一堆的图表能够让人一目了然地看到该系统下的一些基本数据信息的汇总，也会有

KANSYOUKYOU 2020-11-16

手把手教你搭建Vue服务端渲染项目

好了，下面开始正文。服务器返回一个包含了引入资源语句和 <div id="app"></div> 的 HTML 文件。服务器会查看当前路由组件需要哪些资源文件，然后将这些文件的内容填充到 HTML 文件。如果有

sjcheck 2020-11-03

Vue项目技巧这些你知道吗？

其实有很多人的项目可能都是直接 vue-cli 那一套，但是事实上，当项目稍微上一点规模，你需要对你的项目进行一个重新的架构。通常我们说的基础库包括-组件库、基础 css 库、基础工具库；2、层级管理。我们可以利用 cookie 或者 localstore

怪我瞎 2020-10-28

Vue源码中值得学习的方法

最近在深入研究vue源码，把学习过程中，看到的一些好玩的的函数方法收集起来做分享，希望对大家对深入学习js有所帮助。如果大家都能一眼看懂这些函数，说明技术还是不错的哦。

源码zanqunet 2020-10-28

你不得不知道的Vue项目技巧

一个基础库可能会耗费一定的开发时间，但是如果项目具有一个优秀的基础库作为支持，可以让项目推进的更快速。通常我们说的基础库包括-组件库、基础 css 库、基础工具库;我们可以利用 cookie 或者 localstore 缓存一下商品详情，如果这个商品的详

王军强 2020-10-21

超优秀 Vue3.0 开源UI组件库

学习web前端 2020-09-28

聊聊技术选型 - Angular2 vs Vue2

目前没法确切的评估未来一段时间这两个框架的维护情况，但基本能确定的是，框架的生命周期不会比我们大部分业务的生命周期短。从国内的使用情况以及社区发展来看，Vue 更胜一筹。从学习曲线上看，Angular 要更陡峭，Vue 要相对平缓一些。从能够开发的应用的全

QiaoranC 2020-09-25

Vue进阶面试必问，异步更新机制和nextTick原理

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章

anchongnanzi 2020-09-21

vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。因为APP并没有跨域，不存在跨域一说。在开发时这样做是没错的，但我们在打包时就不用设置这个跨域了，打包前直接将这个跨域注释掉，然后将API请求地址改为绝对地址。如果

安卓猴 2020-09-12

vue Cli 环境删除与重装教程 - 版本文档

vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令。　　　　dry: false, //设置为f

Macuroon 2020-09-11

Vue axios获取token临时令牌封装案例

为什么非要写这个博客呢？因为这件事让我有一种蛋蛋的优疼。剩下的都别问，反正问我也不会说。因为流程图我都不想（懒得）画。关于token设计方案的初步设想是这样的：第一次进入的时候获取token，后端检查签名是否通过。不通过则弹框请从合法途径进入页面并且不消失

kiven 2020-09-11

Vue proxyTable配置多个接口地址,解决跨域的问题

最开始的时候，因为请求后台出现跨域问题。查找资料配置proxyTable，解决跨域问题。后面遇到需要连接不同的接口域名，我在proxyTable里增加了一个apiGas。axios请求存在获取得到api但是不能获取apiGas。查找了很多资料都没有具体的解

LittleCoder 2020-09-11

springcloud vue 分布式 flowable工作流前后分离有代码生成器

三：系统服务 -----------------------------------------------------------------------------------------------------1. 权限管理：点开二级菜单进入三级菜单

Cheetahcubs 2020-09-13

安科网

关于vue利用postcss-pxtorem进行移动端适配的问题

我是一棵树

我是一棵树

相关推荐

【移动端】用Cordova将vue项目打包成app

为 Vue 的惰性加载加一个进度条

vue—cli脚手架

第一个Vue页面

基于vue-cli搭建vue项目开发环境

Vue中使用JsonView来展示Json树的实例代码

详解Vue数据驱动原理

vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能

手把手教你搭建Vue服务端渲染项目

Vue项目技巧这些你知道吗？

Vue源码中值得学习的方法

你不得不知道的Vue项目技巧

超优秀 Vue3.0 开源UI组件库

聊聊技术选型 - Angular2 vs Vue2

Vue进阶面试必问，异步更新机制和nextTick原理

vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

vue Cli 环境删除与重装教程 - 版本文档

Vue axios获取token临时令牌封装案例

Vue proxyTable配置多个接口地址,解决跨域的问题

springcloud vue 分布式 flowable工作流前后分离有代码生成器

我是一棵树