Paljonko on 1rem px:nä?

1rem vastaa juurialkion fonttikokoa, joten selaimen oletusarvolla 16 px se on 16 px.

Mitä eroa on em:llä ja rem:llä?

rem on aina suhteessa juurialkion fonttikokoon, kun taas em suhteessa nykyisen alkion perimään fonttikokoon.

Mobiiliselaimet voivat näyttää ja piilottaa käyttöliittymäpalkkeja, joten 100vh voi olla näkyvää aluetta korkeampi; käytä dvh tai svh, kun tuettu.

Käytä rem-pohjaista kirjasinasteikkoa käyttöliittymässä; px vain hiuksenhienoihin reunuksiin ja pikselintarkkoihin yksityiskohtiin.

Päivitetty: 2026-09-01

Yksikkö	Suhteessa	Tyypillinen käyttö
px	Device pixel (CSS pixel)	Borders, precise icons
rem	Root element font-size	Type scale, spacing
em	Parent font-size	Component-local sizing
%	Parent property	Widths, flexible layouts
vw	1% viewport width	Full-bleed sections
vh	1% viewport height	Hero height (mind mobile UI)
vmin / vmax	Smaller/larger viewport side	Square-ish responsive sizing
ch	Width of “0” glyph	Code blocks, monospace fields
ex	x-height of font	Rare fine typography
svh / lvh / dvh	Small/large/dynamic viewport	Mobile browser chrome-safe height

100vh mobiilissa voi sisältää piilotettuja selaimen osia — käytä mieluiten dvh/svh, kun tuettu.
Käyttäjän fonttikokoasetus vaikuttaa rem-yksikköön — se on yleensä toivottavaa saavutettavuuden kannalta.

Paljonko on 1rem px:nä?: 1rem vastaa juurialkion fonttikokoa, joten selaimen oletusarvolla 16 px se on 16 px.
Mitä eroa on em:llä ja rem:llä?: rem on aina suhteessa juurialkion fonttikokoon, kun taas em suhteessa nykyisen alkion perimään fonttikokoon.
Miksi 100vh ei toimi mobiilissa?: Mobiiliselaimet voivat näyttää ja piilottaa käyttöliittymäpalkkeja, joten 100vh voi olla näkyvää aluetta korkeampi; käytä dvh tai svh, kun tuettu.