PX ve REM D?nü?türme Arac? A??klamas?

Birim Tan?t?m?

PX (piksel) Mutlak birim, üst elemandan etkilenmeyen sabit boyut; REM (k?k g?reli birim) Yaz? tipi boyutu dinamik hesaplamas?n?n HTML k?k ??esine dayal? olarak, duyarl? düzen geli?tirme i?in uygundur.

Temel Fonksiyonlar

? Ak?ll? d?nü?üm： PX veya REM de?erini girin, sonucu her iki y?nde de otomatik olarak d?nü?türün. ?zelle?tirilebilir temel de?er： Varsay?lan hesaplama 16px'e (taray?c?n?n normal k?k boyutu) dayan?r, de?i?iklik deste?i. Toplu i?leme： Etkili d?nü?türme i?in birden fazla de?er art arda girilebilir.

Senaryolar

- Bir tasar?m?n PX boyutunu birden fazla cihaz i?in REM'e d?nü?türün - Mevcut bir REM düzeninin ger?ek piksel de?erini kontrol edin - Duyarl? geli?tirme s?ras?nda temel ?l?e?i h?zla ayarlay?n

Teknik Prensip

D?nü?üm formülü: REM de?eri = PX de?eri / K?k yaz? tipi boyutu ?rne?in, k?k yaz? tipi 16 piksel ise, 32 piksel = 2rem.

Dikkat Edilmesi Gerekenler

1. mobil geli?tirmenin makul bir k?k yaz? tipi boyutu ayarlamas? ?nerilir (ayarlamak i?in medya sorgusu gibi) 2. otomasyon elde etmek i?in CSS ?n i?lemcisinin veya PostCSS eklentilerinin kullan?lmas? ?nerilir 3. hesaplama sonu?lar? hassasiyeti sa?lamak i?in 4 ondal?kl? olarak korunur