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

大屏可视化px转rem方案实现

该方案有点不会字体模糊,现实一比一扩张收缩。

参考:vue项目实现PC端各分辨率适配 - 李云蹊 - 博客园 (cnblogs.com)

注意该文章Vue项目使用webpack。

如果 如果 如果 你用的是Vue+vite  Vite Vite Vite需要修改 postcss.config.js 文件

import autoprefixer from 'autoprefixer';
import px2rem from 'postcss-pxtorem';
export default  {
    plugins: [autoprefixer(), px2rem({
        // 基准大小 baseSize,需要和rem.js中相同
        rootValue: 16,
        unitPrecision: 5,
        propList: ['*']
    })],
};

http://www.kler.cn/a/321841.html

相关文章:

  • 【数学二】线性代数-二次型
  • Javascript高级—常见算法
  • MySQL查询某个数据库中特定表的空间占用大小
  • 【Linux】HTTP协议和HTTPS加密
  • 力扣-Mysql-3308- 寻找表现最佳的司机(中等)
  • A029-基于Spring Boot的物流管理系统的设计与实现
  • webservice cxf框架 jaxrs jaxws spring整合 接口测试方法 wsdl报文详解 springboot整合 拦截器 复杂参数类型
  • 作者分享|eDNA研究梯级水坝对浮游植物和浮游动物群落变化的影响
  • WPF入门教学十九 属性动画与时间线
  • 计算机网络nat 映射案列
  • 基于nodejs+vue的校园二手物品交易系统
  • Vue3+Vite中引用Swiper11自动轮播、左右切换不生效,已解决
  • Android常用C++特性之std::equal
  • 【python append函数的一些细节】
  • 音频转MP3格式困难?如何轻松实现wav转mp3?
  • Vue3中el-table组件实现分页,多选以及回显
  • 基于 STM32 的高精度 PID 温控系统设计与实现:采用 Pt1000 温度传感器与 PWM 控制技术
  • HT5169内置BOOST升压的11W I2S输入D类音频功放
  • 【游戏设计】游戏中需要管理的数据分类
  • MYSQL-查看表中字段属性语法(三)
  • 找质数的方式
  • MATLAB中的无线通信系统测试和验证方法有哪些
  • 代码随想录Day17 图论-1
  • 调和级数枚举+前缀和,CF 731F - Video Cards
  • flutter 设置字体大小,适应各种屏幕
  • 【LeetCode:2535. 数组元素和与数字和的绝对差 + 模拟】