首页 > 其他分享 >Rem部署适配

Rem部署适配

时间:2023-12-29 21:24:23浏览次数:37  
标签:插件 vant 部署 适配 rootValue Rem postcss pxtorem

参考 vant 官网:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/advanced-usage

两个插件:

1. postcss-pxtorem 是一款 PostCSS插件,用于将 px 单位转化为 rem 单位

2. lib-flexible 用于设置 rem 基准值

3. 示例配置

// postcss.config.js
module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*'],
    },
  },
};

4. 其他设计稿尺寸

如果设计稿的尺寸不是 375,而是 750 或其他大小,可以将 rootValue 配置调整为:

// postcss.config.js
module.exports = {
  plugins: {
    // postcss-pxtorem 插件的版本需要 >= 5.0.0
    'postcss-pxtorem': {
      rootValue({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75;
      },
      propList: ['*'],
    },
  },
};

 

标签:插件,vant,部署,适配,rootValue,Rem,postcss,pxtorem
From: https://www.cnblogs.com/yuantai/p/17935703.html

相关文章

  • dremio nessie数据源集成简单说明
    nessie是一个强大的支持类似git分之特性的apacheiceberg智能元数据存储,主要测试下基于nessiedremio元数据存储(catalog)集成参考架构环境准备docker-compose文件version:"3"services:minio:image:minio/minioports:-"90......
  • 华为云耀云服务器L实例-大数据学习-Hive的部署-1
     华为云耀云服务器L实例-大数据学习-Hive的部署-1  产品官网:https://www.huaweicloud.com/product/hecs-light.html  今天我们采用可靠更安全、智能不卡顿、价优随心用、上手更简单、管理特省心的华为云耀云服务器L实例为例,介绍Hive的部署 Hive 是建立在 Hado......
  • 华为云耀云服务器L实例--Hive的部署
     华为云耀云服务器L实例--Hive的部署  产品官网:https://www.huaweicloud.com/product/hecs-light.html  今天我们采用可靠更安全、智能不卡顿、价优随心用、上手更简单、管理特省心的华为云耀云服务器L实例为例,继续Hive的部署 Hive 是建立在 Hadoop 上的一个......
  • 华为云耀云服务器L实例-大数据学习-MapReduce&Yarn的部署
      华为云耀云服务器L实例-大数据学习-MapReduce&Yarn的部署 产品官网:https://www.huaweicloud.com/product/hecs-light.html  今天我们采用可靠更安全、智能不卡顿、价优随心用、上手更简单、管理特省心的华为云耀云服务器L实例为例,介绍MapReduce 和 YARN(Yet Ano......
  • 华为云耀云服务器L实例-大数据学习-hadoop前置准备2-JDK环境部署
     华为云耀云服务器L实例-大数据学习-hadoop前置准备2-JDK环境部署  产品官网:https://www.huaweicloud.com/product/hecs-light.html  今天我们采用可靠更安全、智能不卡顿、价优随心用、上手更简单、管理特省心的华为云耀云服务器L实例为例,演示单台服务器配置伪分......
  • 使用Jenkins和单个模板部署多个Kubernetes组件
    前言在持续集成和部署中,我们通常需要部署多个实例或组件到Kubernetes集群中。通过Jenkins的管道脚本,我们可以自动化这个过程。在本文中,我将演示如何使用JenkinsPipeline及单个YAML模板文件(.tpl)来部署多个类似的Kubernetes组件,而不需要为每个组件提供单独的模板文件。问题背景参......
  • MacOS - Mac应用程序部署Qt框架
    在开发Mac上,由于安装了Qt库,所以一切正常。但是,在您将应用程序运送到的任何Mac上,情况可能并非如此。Qt套件带有一个名为macdeployqt的工具来修复此问题。因此,在终端中,在编译应用程序之后,请执行以下操作:cdmy-cool-app-Desktopmacdeployqtmy-cool-app.app请注意,它也可以用于......
  • 98秒转录2.5小时音频,最强音频翻译神器IFW下载部署
    IFW是一款功能强大的音频翻译工具,具备高速转录能力,能在短时间内完成大量音频处理,提高工作效率以下是IFW在 NvidiaA100-80GB 上运行的一些基准测试: 最新中文版:https://pan.baidu.com/s/1E_gcymuUT7FsHWq51dlhSQ?pwd=r0p4 核心特性1、自动转录,可快速将长音频文件转录......
  • Adobe Premiere Pro 2023 v23.6 (macOS, Windows) - 专业视频编辑软件
    AdobePremierePro2023v23.6(macOS,Windows)-专业视频编辑软件Acrobat、AfterEffects、Animate、Audition、Bridge、CharacterAnimator、Dimension、Dreamweaver、Illustrator、InCopy、InDesign、LightroomClassic、MediaEncoder、Photoshop、PremierePro、AdobeXD作......
  • 【随手记录】Apache-JMeter部署银河麒麟报错: jmeter module java.desktop does not "o
    操作系统:Linux0012.novalocal4.19.90-17.ky10.aarch64#1SMPSunJun2814:27:40CST2020aarch64aarch64aarch64GNU/LinuxJDK版本:java17.0.82023-07-18LTSJava(TM)SERuntimeEnvironment(build17.0.8+9-LTS-211)JavaHotSpot(TM)64-BitServerVM(build......