Инструмент за преобразуване на PX и REM Описание
Въведение в единиците
PX (пиксели) Абсолютна единица, фиксиран размер, който не се влияе от родителския елемент; REM (коренна относителна единица) Базира се на кореновия елемент на HTML за динамично изчисляване на размера на шрифта, подходящ за разработване на адаптивно оформление. Основни функции
• Интелигентно преобразуване： Въвеждане на стойност PX или REM, автоматично преобразуване на резултата в двете посоки. Възможност за персонализиране на базовата стойност： Изчисление по подразбиране, базирано на 16px (обичайния размер на корена на браузъра), поддръжка на модификация. Пакетна обработка： Могат да се въвеждат няколко стойности последователно за ефективно преобразуване. Сценарии
- Конвертиране на PX размера на даден дизайн в REM за множество устройства - Проверка на действителната стойност на пикселите на съществуващо REM оформление - Бързо коригиране на базовия мащаб по време на разработката на адаптивни продукти Технически принцип
Формула за преобразуване: REM стойност = PX стойност / Основен размер на шрифта Например, ако основният шрифт е 16px, 32px = 2rem. Предупреждения
1. при разработката на мобилни устройства се препоръчва да се зададе разумен размер на кореновия шрифт (например чрез медийна заявка за настройка) 2. за постигане на автоматизация се препоръчва преобразуването да се извърши с помощта на CSS препроцесора или PostCSS плъгините 3. в резултатите от изчисленията се запазват 4 знака след десетичната запетая, за да се гарантира точността