Convert CSS Units for Print Stylesheets

Convert between px, pt, and rem for print media queries and PDF output CSS.

Tiada log masuk diperlukan

From

1rem

Context (affects rem/em/vw/vh/%)

Root font (px)

Parent font (px)

Viewport W (px)

Viewport H (px)

All conversions for 16 px

Root EM (rem)1 rem

EM (em)1 em

Points (pt)12 pt

Viewport Width (vw)1.11111 vw

Viewport Height (vh)1.77778 vh

Percent (%)100 %

Common pixel sizes → rem (at 16px base)

Print CSS tips

🖨️

For print CSS, use pt (points) — the traditional typographic unit. 1pt = 1/72 inch. At 96 DPI: 1pt = 1.333px. This tool converts both.

💡

Print body text is typically 10–12pt (13–16px). Headings 14–18pt. Use the pt converter to verify your screen CSS will look correct on paper.

📄

Margins and page sizes in print CSS use cm, mm, or in. For padding and spacing within the content area, pt is standard and compatible across all print browsers.

🔍

When generating PDFs via wkhtmltopdf or Puppeteer, pixel values depend on the DPI setting. At 96 DPI, 1in = 96px = 72pt. Convert your values accordingly.