px-тен rem және em-ге түрлендіргіш
Өзіңіздің негізгі және контекстік қаріп өлшемдеріңізді пайдаланып px, rem және em арасында түрлендіріңіз — кез келген өрісті өзгертсеңіз, қалған екеуі сіз терген кезде жаңарады.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Әрбір түрлендіру браузеріңізде орындалады. Енгізген ештеңе BroBroGo серверіне жүктелмейді.
Жиі қойылатын сұрақтар
px, rem және em арасындағы айырмашылық неде?
px — бекітілген ұзындық. rem парақтың негізгі қаріп өлшеміне қатысты өлшенеді, сондықтан 16px негізінде 1rem 16px-ке тең болады. em өзі орналасқан элементтің қаріп өлшеміне қатысты өлшенеді. Қаріп өлшемі мен шегіністерді rem бірлігінде орнату оқырман браузердің әдепкі қаріп өлшемін өзгерткенде бәрінің бірге масштабталуына мүмкіндік береді.
Неліктен жеке em контекст өлшемі бар?
em бірлігі әрқашан негізгі өлшемге емес, өзінің жеке элементінің қаріп өлшеміне қатысты болады. em мәнін дұрыс есептеу үшін em контекстін сол элементтің қаріп өлшеміне тең етіп орнатыңыз, ал олар сәйкес келгенде оны негізгі өлшеммен бірдей етіп қалдырыңыз.
Егер менің негізгі қаріп өлшемім 16px болмаса ше?
CSS кодыңызға сәйкес келуі үшін негізгі қаріп өлшемі өрісін өзгертіңіз, сонда әрбір rem мәні лезде жаңартылады. Төмендегі қысқаша кесте көптеген сайттар бастайтын әдеттегі 16px негізіне арналған ыңғайлы нұсқаулық болып табылады.