px sa rem at em Converter

Mag-convert sa pagitan ng px, rem, at em gamit ang sarili mong root at context font size — i-edit ang kahit anong field at ang dalawa pa ay mag-a-update habang nagta-type ka.

Mga Value
Maglagay ng px, rem o em na value — ang dalawa pa ay mag-a-update habang nagta-type ka.
Karaniwang px → rem (16px base)
pxrem
80.5
120.75
140.875
161
181.125
201.25
241.5
322
402.5
483

Ang bawat conversion ay tumatakbo sa iyong browser. Walang anuman sa mga inilalagay mo ang ina-upload sa BroBroGo.

FAQ

Ano ang pagkakaiba sa pagitan ng px, rem, at em?

Ang px ay isang fixed length. Ang rem ay sinusukat laban sa root font size ng pahina, kaya sa 16px root, ang 1rem ay katumbas ng 16px. Ang em naman ay sinusukat laban sa laki ng font ng elementong kinalalagyan nito. Ang pagtatakda ng sukat ng uri at spacing sa rem ay nagbibigay-daan sa lahat na mag-scale kapag binago ng mambabasa ang kanilang default na laki ng font.

Bakit may hiwalay na em context size?

Ang em ay nakabatay sa laki ng font ng sarili nitong elemento, na hindi palaging ang root. I-set ang em context sa laki ng font ng elementong iyon para mabasa nang tama ang em, at panatilihin itong katumbas ng root kapag magkatugma ang dalawa.

Paano kung ang root font size ko ay hindi 16px?

Baguhin ang root font size field para tumugma sa iyong CSS at ang bawat rem value ay mag-a-update agad. Ang mabilis na talahanayan sa ibaba ay isang madaling gabay para sa karaniwang 16px root na pinagsisimulan ng karamihan sa mga site.