首页 > 解决方案 > 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;}

标签: css

解决方案


推荐阅读