css - px2rem 中的 remUnit 选项是如何配置的?
问题描述
我用px2rem-loader和hotcss做移动适配,看了官方文档,还是不明白px2rem的remUnit是怎么配置的。</p>
我尝试在 css 中将 remUnit 设置为 80 和 640px 宽度的 div。自动转换为 REM 的 div 正好是总宽度的一半。我尝试将 remUnit 设置为 93.75,并在 CSS 中将 div 一半屏幕的宽度设置为 750px。我想知道这个 remUnit 是如何工作的。我该如何配置它?
webpack.config.js:
{loader: 'px2rem-loader',
options: {
remUnit : 80,
remPrecision: 8
}
},
css:
.aaa{width: 640px;height: 640px;float: left;box-sizing: border-box;border: 1px solid red;}
解决方案
推荐阅读
- swift - 可可(macOS)中 AVAudioRecorder 的正确用法是什么?
- c++ - 使用 C++ gRPC 生成的存根文件(.pb.h/cc、grpc.pb.h/cc)构建控制台应用程序时,链接错误 (LNK2001) 无法解析外部符号
- python - 在 Python 中查找行值并替换列名
- oracle - 如何在 Oracle 中将 Unix 时间戳转换为本地日期?
- mysql - 将列设置为索引
- javascript - React JS-TypeError:products.map 不是函数
- windows - 这意味着什么以及如何扭转它?
- qml - ReferenceError: '...' 未定义
- reactjs - ApexCharts BoxPlot:从工具提示中删除文本
- verification - UPPAAL 上的反例枚举