REM to Viewport Height Converter

Convert REM to viewport height (VH), suitable for responsive web design

px
px
rem
0 vh

Calculation Method: (rem × rootFontSize ÷ viewportHeight) × 100 = vh

REM to Viewport Height Conversion Information

Viewport height (vh) is a unit relative to the browser viewport height, where 1vh equals 1% of the viewport height. By entering the REM value and the root element font size, you can calculate the corresponding vh value.

Common Conversion Values (Based on 1080px Height):

  • 1rem = 8vh (Assuming root element is 16px)
  • 2rem = 16vh (Assuming root element is 16px)
  • 6rem = 48vh (Assuming root element is 16px)

Usage Instructions:

  1. Set the root element font size (default 16px)
  2. Note the current viewport height
  3. Enter the REM value
  4. Get the corresponding vh value

Usage Tips:

  • Suitable for responsive layout
  • Changes with viewport height
  • Accurate to three decimal places