Инструмент для преобразования единиц CSS.
Бесплатный онлайн-инструмент для преобразования единиц CSS, позволяющий конвертировать единицы в px/rem/em/vw.
Типы CSS-единиц
px — абсолютная единица. rem — относительно корневого размера шрифта (по умолчанию 16px). em — относительно размера шрифта родителя. vw — 1% ширины viewport. vh — 1% высоты viewport. pt — пункты (1pt = 1.333px).
Как конвертировать CSS-единицы
Введите значение с единицей, установите корневой размер шрифта и размеры viewport. Инструмент покажет преобразования во все остальные единицы.
▶Использовать px или rem?
rem — для размеров шрифтов и отступов (поддержка настроек доступности). px — для границ и мелких деталей, где нужен точный контроль.
▶Какой корневой размер шрифта по умолчанию?
В большинстве браузеров 16px. Так 1rem = 16px, 1.5rem = 24px.
▶Когда использовать vw и vh?
Для адаптивных макетов: секции на весь экран (100vh), размеры шрифтов, масштабируемые с viewport, полноширинные элементы.
Если этот инструмент оказался полезным для вас, подумайте о том, чтобы подарить мне кофе.
Купите мне кофе.