Главная Пиксели в rem
Пиксели в rem
При корне 16 значение 16px равно 1.0000 rem, а 15px равно 0.9375 rem. 1px, делённый на корень 3, равен 0.3333, потому что пятый знак после запятой меньше 5. Корень 0 останавливает счёт.
Зачем это
Один rem — это кратное корневого размера. Когда корень равен 16px, 1 rem равен 16px, и страница показывает это кратное до четырёх знаков.
Пятый знак меньше 5 не поднимает четвёртый. 0.33333… равно 0.3333, а 0.66666… равно 0.6667.
-
01Как пользоваться
В режиме px в rem значение 16 и корень 16 показывают 1.0000.
Из rem в px умножает тот же корень на значение. 1.5 и 16 дают 24.0000.
Копирование кладёт это одно число в буфер. Очистка поля прячет результат.
-
02Пример
При корне 16 значение 16px равно 1.0000, 15px равно 0.9375, а 1px равно 0.0625.
При корне 3 значение 1px равно 0.3333, а 2px равно 0.6667.
При корне 16 значение 1 rem равно 16.0000px, а 1.5 rem равно 24.0000px.
Ввод16px
16px, корень 16 1.0000 rem 15px, корень 16 0.9375 rem 1px, корень 3 0.3333 rem 1.5 rem, корень 16 24.0000 px -
03Полезно знать
Это преобразование не читает живой размер шрифта элемента. Оно берёт число из поля корня.
em следует размеру родителя, поэтому он может отличаться от rem на этой странице.
Отрицательное и корень 0 останавливают счёт. Запятые убираются, поэтому 1,000 читается как 1000.
Закрытие вкладки стирает числа. На сервер ничего не уходит.
Вопросы
- QСколько rem в 16px?
- AПри корне 16 это 1.0000 rem.
- QА 15px?
- AЭто 0.9375 rem. 15÷16 заканчивается ровно на четвёртом знаке.
- QЧему равно 1px, делённый на 3?
- AЭто 0.3333. Пятый знак был меньше 5, поэтому он не поднялся.
- QСколько px в 1.5 rem?
- AПри корне 16 это 24.0000px.
Как эта страница считает
Эта страница переводит px и rem с корневым размером шрифта. Из px в rem делит значение на корень. При корне 16 значение 16÷16 равно 1.0000, 24÷16 равно 1.5000, 10÷16 равно 0.6250, а 15÷16 равно 0.9375. Из rem в px умножает значение на корень. При корне 16 значение 1 rem равно 16.0000px, 1.5 rem равно 24.0000px, а 0.0625 rem равно 1.0000px.
В результате четыре знака, и пятый знак 5 или больше уходит от нуля. 1÷3 — это 0.33333…, поэтому 0.3333, а 2÷3 — это 0.66666…, поэтому 0.6667. Значение считается в десятитысячных, а корень в тысячных. При корне 0.5 значение 16px равно 32.0000 rem. Корень 0 не может делить и останавливает счёт.
Значение от 0 до 100,000, не больше четырёх знаков. Корень больше 0 и до 1,000, не больше трёх знаков. Отрицательное и 1,000.001 останавливают счёт. Запятые убираются, поэтому 1,000 читается как 1000. Это преобразование не читает живой размер шрифта элемента. Оно берёт число из поля корня. em следует размеру родителя, поэтому он может отличаться от rem на этой странице. Числа считаются только в этом браузере и не уходят на сервер.