px2rem-more

According to one stylesheet, generate rem version and @1x, @2x and @3x stylesheet

Usage no npm install needed!

<script type="module">
  import px2remMore from 'https://cdn.skypack.dev/px2rem-more';
</script>

README

px2rem-more

px2rem-more is based on the work of px2rem ，add keepFontSize option, which will not convert font-size to rem by default. You can set keepFontSize=false to disable the feature.

NPM version Build status Test coverage Downloads

Install

npm install -g px2rem-more

Usage

Refer to px2rem for usage

CLI tool

$ px2rem -o build src/*.css

  Usage: px2rem [options] <file...>

  Options:

    -h, --help                      output usage information
    -V, --version                   output the version number
    -u, --remUnit [value]           set `rem` unit value (default: 75)
    -x, --threeVersion [value]      whether to generate @1x, @2x and @3x version stylesheet (default: false)
    -r, --remVersion [value]        whether to generate rem version stylesheet (default: true)
    -b, --baseDpr [value]           set base device pixel ratio (default: 2)
    -p, --remPrecision [value]      set rem value precision (default: 6)
    -o, --output [path]             the output file dirname
    -f, --keepFontSize [value]      whether to keep font size (default true)')

To disable keepFontSize，

$ px2rem -o build src/*.css -f false