# Viewport CSS Unit Converter

**Use case:** 

Convert vh and vw values to pixels, rems, and other CSS units using desktop or mobile viewport dimensions.

## Input

```json
{
  "conversions": [
    {
      "value": 100,
      "fromUnit": "vh",
      "label": "Full screen height"
    },
    {
      "value": 50,
      "fromUnit": "vw",
      "label": "Half viewport width"
    },
    {
      "value": 390,
      "fromUnit": "px",
      "label": "Mobile viewport width"
    }
  ],
  "baseFontSizePx": 16,
  "contextFontSizePx": 16,
  "viewportWidthPx": 390,
  "viewportHeightPx": 844,
  "targetUnits": [
    "px",
    "rem",
    "vw",
    "vh"
  ],
  "precision": 3
}
```

## Output

```json
{
  "label": {
    "label": "Label",
    "format": "text"
  },
  "inputValue": {
    "label": "Input",
    "format": "number"
  },
  "fromUnit": {
    "label": "From",
    "format": "text"
  },
  "px": {
    "label": "px",
    "format": "number"
  },
  "rem": {
    "label": "rem",
    "format": "number"
  },
  "em": {
    "label": "em",
    "format": "number"
  },
  "pt": {
    "label": "pt",
    "format": "number"
  },
  "vh": {
    "label": "vh",
    "format": "number"
  },
  "vw": {
    "label": "vw",
    "format": "number"
  },
  "cm": {
    "label": "cm",
    "format": "number"
  },
  "mm": {
    "label": "mm",
    "format": "number"
  },
  "in": {
    "label": "in",
    "format": "number"
  },
  "pc": {
    "label": "pc",
    "format": "number"
  }
}
```

## About this Actor

This example demonstrates how to use [CSS Unit Converter](https://apify.com/automation-lab/css-unit-converter) with a specific input configuration. Visit the [Actor detail page](https://apify.com/automation-lab/css-unit-converter) to learn more, explore other use cases, and run it yourself.