DEV Community


Posted on

How to Convert REM to PX?

There are many Font Size units to configure sizes of the fonts in CSS such as:

  1. em Relative to the font-size of the element (2em means 2 times the size of the current font)
  2. ex Relative to the x-height of the current font (rarely used)
  3. ch Relative to the width of the "0" (zero)
  4. rem Relative to font-size of the root element
  5. vw Relative to 1% of the width of the viewport*
  6. vh Relative to 1% of the height of the viewport*
  7. vmin Relative to 1% of viewport's* smaller dimension
  8. vmax Relative to 1% of viewport's* larger dimension
  9. % Relative to the parent element

So It's better to use a tool which can helps to easily converts REM to Pixels:

REM to PX Converter
I found this tools to make UI designer's life easy.

Here are more CSS Unit Converter Tools Online can be found:
CSS Unit Converter

Discussion (0)