Пиксельді rem түрлендіргіш
Бұл тегін түрлендіргішті пиксельдерді (px) rem бірліктеріне түрлендіру үшін пайдалануға болады. rem түрлендіргіңіз келетін негізгі мән мен пиксель (px) мәнін теріңіз және жай түрлендіру түймесін басыңыз!
Rem түрлендіргішіне пикселдерді қалай пайдалануға болады
Алдымен негізгі мәнді енгізіңіз
Екіншіден, пиксель мәнін енгізіңіз
Соңында түрлендіру түймесін басыңыз
Бейне оқулық: Rem түрлендіргішіне пикселдерді қалай пайдалану керек
Rem бірлігі дегеніміз не және пикселдерді Rem-ге қалай түрлендіруге болады?
Rem — Root em сөзінің аббревиатурасы. Rem түбір элементінің негізгі өлшеміне қатысты және ол бүкіл құжатта тұрақты болады.
Rem бірлігі әдетте CSS әзірлеуде қолданылады.
пикселді Rem түріне түрлендіру үшін осы теңдеуді пайдалануға болады: Rem = пиксель/негізгі өлшем.
Мысалы, жұмысыңыздағы пиксель 24 болса және негізгі өлшем 16 болса және px-ті rem-ге қолмен түрлендіру керек болса: Rem=24/16=1,5.
бірақ біз rem түрлендіргішіне онлайн пикселдерді пайдалануды ұсынамыз, себебі ол жылдам және дәлірек.
Rem және Em бірліктерінің айырмашылығы неде?
Em бірлігі мәтін өлшеміне тікелей қатысты, ал Rem түбір өлшеміне қатысты.
Негізгі өлшем 16 болса, пикселдерді Rem-ге түрлендіру кестесі
Бұл негізгі өлшем 16 болса, әзірлеушілер әдетте қолданатын px-ті rem түрлендіру нәтижелеріне арналған диаграмма.
Пиксельдер | Rem |
---|---|
1 px | 0.0625 rem |
2 px | 0.125 rem |
3 px | 0.1875 rem |
4 px | 0.25 rem |
5 px | 0.3125 rem |
6 px | 0.375 rem |
7 px | 0.4375 rem |
8 px | 0.5 rem |
9 px | 0.5625 rem |
10 px | 0.625 rem |
11 px | 0.6875 rem |
12 px | 0.75 rem |
13 px | 0.8125 rem |
14 px | 0.875 rem |
15 px | 0.9375 rem |
16 px | 1 rem |
17 px | 1.0625 rem |
18 px | 1.125 rem |
19 px | 1.1875 rem |
20 px | 1.25 rem |
21 px | 1.3125 rem |
22 px | 1.375 rem |
23 px | 1.4375 rem |
24 px | 1.5 rem |
25 px | 1.5625 rem |