当前位置: 首页 > news >正文

vite4项目中,vant兼容750适配

一般非vite项目,使用postcss-px-to-viewport。在设计稿为750时候,可使用以下配置兼容vant。
在这里插入图片描述
在vite4项目中,以上配置不行。需要调整下,使用postcss-px-to-viewport-8-plugin,并修改viewportWidth,具体如下:

module.exports = (file) => {// console.log(" exports--------  ",file)return {plugins: {autoprefixer: {},"postcss-px-to-viewport-8-plugin": {viewportWidth:function (file) {//注意,"node_modules/vant"是windows下的路径。 //你可以打印下 file查看自己电脑上的vant路径是什么格式return file && file.includes("node_modules/vant") ? 375 : 750;},unitToConvert: "px",// viewportWidth: 750,unitPrecision: 6,propList: ["*"],viewportUnit: "vw",fontViewportUnit: "vw",selectorBlackList: [],minPixelValue: 1,mediaQuery: true,landscape: false}}}}

相关文章:

  • C++中几个常用的类型选择模板函数
  • 【Java】java -jar 读取jar包之外的yml
  • 28 C++ 对象移动,移动构造函数,移动赋值运算符
  • 关于axios的二次封装
  • Kafka安全认证机制详解之SASL_PLAIN
  • Vue2/Vue3-插槽(全)
  • C++ KMP字符串 ||暴力算法 和 KMP算法模板题解法
  • 作业三详解
  • STM32 ESP8266 物联网智能温室大棚 (附源码 PCB 原理图 设计文档)
  • MR实战:词频统计
  • git本地创建分支并推送到远程关联起来
  • LLM之RAG实战(十三)| 利用MongoDB矢量搜索实现RAG高级检索
  • 【Unity嵌入Android原生工程】
  • java基础之Java8新特性-Stream(流)
  • 弹窗里el-cascader下拉框脱离文档流的解决办法
  • CSS盒模型深入
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • mysql_config not found
  • ng6--错误信息小结(持续更新)
  • NLPIR语义挖掘平台推动行业大数据应用服务
  • Python十分钟制作属于你自己的个性logo
  • Redis字符串类型内部编码剖析
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 给自己的博客网站加上酷炫的初音未来音乐游戏?
  • 前端临床手札——文件上传
  • 日剧·日综资源集合(建议收藏)
  • 原生js练习题---第五课
  • 正则表达式
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • 直播平台建设千万不要忘记流媒体服务器的存在 ...
  • #{}和${}的区别是什么 -- java面试
  • #考研#计算机文化知识1(局域网及网络互联)
  • #我与Java虚拟机的故事#连载07:我放弃了对JVM的进一步学习
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (1综述)从零开始的嵌入式图像图像处理(PI+QT+OpenCV)实战演练
  • (Redis使用系列) Springboot 使用redis的List数据结构实现简单的排队功能场景 九
  • (编程语言界的丐帮 C#).NET MD5 HASH 哈希 加密 与JAVA 互通
  • (二)pulsar安装在独立的docker中,python测试
  • (二)Pytorch快速搭建神经网络模型实现气温预测回归(代码+详细注解)
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (四)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (转载)虚函数剖析
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .net core MVC 通过 Filters 过滤器拦截请求及响应内容
  • .NET delegate 委托 、 Event 事件
  • .NET 除了用 Task 之外,如何自己写一个可以 await 的对象?
  • .NET 中什么样的类是可使用 await 异步等待的?
  • .NetCore部署微服务(二)
  • .NET正则基础之——正则委托
  • @TableLogic注解说明,以及对增删改查的影响
  • [ 常用工具篇 ] AntSword 蚁剑安装及使用详解
  • []新浪博客如何插入代码(其他博客应该也可以)
  • [20161101]rman备份与数据文件变化7.txt
  • [4.9福建四校联考]