vue 2.0 及 vue 3.0 rem配置

摘要:
}配置<在index.html文件中;document.getElementsByTagName('html')[0].style.fontSize=(document.documentElement.clientWidth||document.body.clientWidth)/10+'px';()=>

vue 2.0 配置 rem  

首先先安装postcss-px2rem    (百度可以) https://www.jianshu.com/p/e6476bbc2131

    npm install postcss-px2rem

找到文件 build / vue-loader.config.js  添加

const px2rem = require('postcss-px2rem')
postcss: function() {
    return [px2rem({remUnit: 75})];
}

 vue 2.0 及 vue 3.0 rem配置第1张

在index.html 文件中配置

  <script>
    document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document.body
      .clientWidth) / 10 + 'px';
    window.addEventListener("resize", () => {
      document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document
        .body.clientWidth) / 10 + 'px';
    });
  </script>

vue 2.0 及 vue 3.0 rem配置第2张

vue 3.0 配置 rem    (百度可以)

这位大佬 的 https://www.jianshu.com/p/94902796f2ad

免责声明:文章转载自《vue 2.0 及 vue 3.0 rem配置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇多线程调用有参数的方法---c# Thread 与 Task----Vue 中mixin 的用法详解----下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

QString,QByteArray和QBitArray之间的转换

  1:QBitArray2QString :也可以转化为整型, 测试程序: 测试输出结果是否和移位结果相同; [cpp] view plaincopyprint?  QBitArray x;   int bit;   bit = 10;   x.resize(32);      x.fill(false);   x.setBit(bit,tru...

HeidiSQL安装和使用教程

HeidiSQL 是一个功能非常强大的 MySQL 客户端软件,我们通过它来操作MySQL数据库,比直接通过命令行工具操作要简单的多。我们使用HidiSQL来连接MySQL数据库,MySQL数据库的安装可以参考下文。  百度搜索HeidiSQL的官网,点击Downloads—>HeidiSQL 9.4 Installer,官网已经有中文汉化版本...

基于jdk自带httpserver开发的最小完整MVC框架

基于jdk自带httpserver开发的最小完整MVC框架 410kb级的完整MVC:solon(83k) + jdkhttp(27k) + enjoy(227k) + snack3(73k) DEMO启动时间:0.1s solon 是一个插件框架,提供MVC,IOC,AOP,注解,插件机制。 jdkhttp 基于jdk8自带com.sun.net.ht...

QTablewidget通过代理实现限制输入

QTablewidget代理 之前做过一个QTablewidget想要限制某些单元格只能输入IP,刚开始采用在单元格中添加QLineEdit控件的方法,效果差强人意。后来发现通过QItemDelegate可以很方便实现需求。 QItemDelegate  1 #pragma once 2 #include <QWidget> 3 #inc...

解决vue空格换行报错问题

这个问题主要是因为你初始化的时候设置了eslint(规范化代码,你可以重新初始化关掉eslint)解决办法如下(建议方法三,简单): 方法一: 找到目录下的build文件夹,面有webpack.base.config.js文件,将下放代码注释掉然后重启就可以了 由于我用vue-cli创建的项目没有build文件夹,所以找不到webpack.base.co...

BringToFront

#include "Unit2.h"void __fastcall TForm1::Button1Click(TObject *Sender){  if (!Form2->Visible)  {    Form2->Visible = true;    Form2->BringToFront();  }} 通过 为知笔记 发布...