PX uz REM pārveidotājs

Rem vienības nodrošina izkārtojumu pieejamību — tās mērogojas atbilstoši lietotāja fonta lieluma izvēlei — taču neviens nevēlas visu dienu savā galvā dalīt ar 16. Šis pārveidotājs veic aritmētiku tiešraidē: izvēlieties virzienu (px → rem, rem → px vai px → em), ierakstiet vērtību, un rezultāts uzreiz parādās kopā ar kopēšanai gatavu CSS rindiņu, piemēram, fonta lielums: 0,875rem.

Pamata fonta lieluma lauks padara rīku piemērotu jebkuram projektam. Pārlūkprogrammas noklusējuma izmērs ir 16 pikseļi, tāpēc 1rem ir vienāds ar 16 pikseļiem, taču daudzas kodu bāzes iestata html {fonta lielums: 62.5%}, lai 1rem būtu vienāds ar 10 pikseļiem — ievadiet 10 kā bāzi, un seko katra reklāmguvuma un tabulas rinda. Virziens px → em izmanto to pašu matemātiku pret vecākelementa fonta lielumu, nevis sakni, kas ir tieši atšķirība starp em un rem CSS.

Zem rezultāta atsauces tabulā ir parādīti visizplatītākie dizaina izmēri — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 un 64 pikseļi, kas jau ir pārveidoti jūsu pašreizējā bāzē, un rinda ir izcelta, kas atbilst pamatnei. Tā ir apkrāpšanas lapa, kuru jūs citādi turētu pie monitora, vienmēr sinhronizējot ar faktiski izmantoto bāzi.

Rakstīšanas laikā viss notiek lokāli jūsu pārlūkprogrammā: nav augšupielādes, nav reģistrēšanās, nav servera turp un atpakaļ. Iepriekš iestatītās lapas rem → px, px → em, 10 pikseļu bāzes un populārās vērtības, piemēram, 14, 24 un 32 pikseļi, atver pārveidotāju, kas ir konfigurēts tieši šiem jautājumiem.