Descrição da ferramenta de conversão PX e REM

Unidade Introdução

PX (pixéis) Unidade absoluta, tamanho fixo não afetado pelo elemento principal; REM (unidade relativa à raiz) Com base no elemento de raiz HTML do cálculo dinâmico do tamanho do tipo de letra, adequado para o desenvolvimento de esquemas responsivos.

Funções principais

• Conversão inteligente： Introduzir o valor PX ou REM, converter automaticamente o resultado em ambas as direcções. Valor base personalizável： Cálculo predefinido com base em 16px (o tamanho de raiz normal do browser), com suporte para modificação. Processamento em lote： Podem ser introduzidos vários valores consecutivamente para uma conversão eficiente.

Cenários

- Converter o tamanho PX de um design em REM para vários dispositivos - Verificar o valor real em pixels de um layout REM existente - Ajustar rapidamente a escala de base durante o desenvolvimento responsivo

Princípio técnico

Fórmula de conversão: Valor REM = Valor PX / Tamanho da fonte raiz Por exemplo, se o tipo de letra raiz for 16px, 32px = 2rem.

Precauções

1. recomenda-se que o desenvolvimento móvel defina um tamanho de fonte de raiz razoável (por exemplo, através da consulta multimédia para ajustar) 2. recomenda-se que a conversão utilize o pré-processador CSS ou os plug-ins PostCSS para conseguir a automatização 3. os resultados do cálculo mantiveram 4 casas decimais para garantir a precisão