Што прави конверторот
Оваа алатка ги претвора pixel (px) вредностите во rem и em, и обратно. Внесувате вредност во кое било од трите полиња — px, rem или em — а другите две автоматски се пресметуваат и се прикажуваат додека пишувате, без да треба да притиснете копче за пресметка. За претворањата да бидат точни токму за Вашиот дизајн, можете да ги поставите и основната големина на фонт и em контекст големината на фонт.
Основната големина на фонтот
Полето „Основна големина на фонт (px)“ ја претставува основната (root) големина на фонтот во пиксели, врз основа на која се пресметуваат rem вредностите. Стандардно, оваа вредност е 16px. Ако ја промените, сите претворања во rem веднаш се преработуваат според новата основа. Вредноста мора да биде број поголем од 0 — ако внесете нешто друго, алатката ја прикажува пораката „Основната големина на фонтот мора да биде број поголем од 0.“
Големината на em контекст фонтот
Полето „големина на em контекст фонт (px)“ ја претставува големината на фонтот на конкретниот елемент за кој ги пресметувате em вредностите. Стандардно, и таа е поставена на 16px. Бидејќи em единицата зависи од фонтот на елементот, а не задолжително од основниот фонт на страницата, вредноста во ова поле треба да ја одразува реалната големина на фонтот на тој елемент за да добиете точен резултат. И оваа вредност мора да биде број поголем од 0 — во спротивно се прикажува пораката „Големината на em контекст фонтот мора да биде број поголем од 0.“
Работа со полето „Вредности“
Во полето „Вредности“ внесувате бројка во px, rem или em. Алатката ве потсетува: „Внесете вредност во px, rem или em — останатите две се ажурираат додека пишувате.“ Штом почнете да пишувате во кое било од трите полиња, останатите две веднаш се ажурираат, а статусот „Претворено во сите три единици.“ потврдува дека вредностите се пресметани и во px, и во rem, и во em. На почетокот, пред да внесете нешто сопствено, 16px, 1rem и 1em се еднакви. Алатката прифаќа и негативни пиксел вредности, доколку Ви требаат за конкретен случај. Ако внесете нешто што не е важечки број, се прикажува пораката „Внесете број за претворање.“
Табелата со вообичаени претворања
Под полињата за внес, алатката прикажува табела насловена „Вообичаени px → rem (основа 16px)“. Таа ги прикажува неколку почесто користени пиксел вредности веднаш претворени во rem, под претпоставка дека основната големина на фонтот е стандардните 16px. Табелата останува независна од тоа што моментално сте го внеле во полињата погоре — таа секогаш ја покажува претворбата при основа од 16px, за брзо да ја проверите вообичаената вредност без да го менувате Вашиот тековен внес.
За кого е наменета алатката
- За некого на кому му требаат фиксни пиксел вредности претворени во релативни rem или em единици за респонзивен дизајн.
- За некого кој сака да разбере како различните основни големини на фонт влијаат врз rem вредностите.
- За некого на кому му треба да пресмета em вредности врз основа на големината на фонтот на конкретен елемент.
- За некого кој сака да биде сигурен дека неговото скалирање на големини останува исправно откако читателот ќе ја промени стандардната големина на фонт во својот прелистувач.
Приватност
Секое претворање се извршува во Вашиот прелистувач. Ништо од она што го внесувате не се испраќа на BroBroGo.
Најчесто поставувани прашања
Која е разликата меѓу px, rem и em?
px е фиксна должина. rem се мери во однос на основната (root) големина на фонтот на страницата, па при основа од 16px, 1rem е еднаков на 16px. em се мери во однос на големината на фонтот на елементот во кој се наоѓа. Одредувањето на големината на текстот и растојанијата во rem овозможува сè да се скалира кога читателот ќе ја промени својата стандардна големина на фонт.
Зошто постои посебна големина за em контекст?
Единицата em е релативна во однос на големината на фонтот на сопствениот елемент, кој не е секогаш основниот (root). Поставете го em контекстот на големината на фонтот на тој елемент за правилно да го прочитате em, и задржете го еднаков на основниот кога двете се совпаѓаат.
Што ако мојата основна големина на фонт не е 16px?
Променете го полето за основна големина на фонтот за да одговара на Вашиот CSS и секоја вредност во rem веднаш ќе се ажурира. Брзата табела подолу е корисен водич за вообичаената основа од 16px со која започнуваат повеќето сајтови.