Pixel'den EM/REM'e Dönüştürücü
Canlı bir tablo ve kopyalamaya hazır CSS ile px, rem, em, pt ve % dönüştürün
rem kök yazı tipi boyutuna görelidir; em ve % üst öğeye görelidir.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Pixel'den EM/REM'e Dönüştürücü Hakkında
Piksel-EM/REM dönüştürücü, CSS uzunluk değerlerini px, rem, em, pt ve yüzde arasında çevirir. Beş birimden herhangi birine bir değer girin ve canlı bir tablo bunun diğer tüm birimlerdeki karşılığını — artı bir stil sayfasına doğrudan yapıştırabileceğiniz kopyalamaya hazır bir CSS kod parçasını — gösterir.
Dönüşümler, CSS'in birimleri gerçekte nasıl çözdüğüne uyar: rem kök font boyutuna göre, em ve % ise üst elemanın font boyutuna göredir. Her iki referans boyutu da düzenlenebilir, böylece 14 px bileşenli 16 px kök veya kullandığınız herhangi bir tasarım sistemi ölçeğini modelleyebilirsiniz.
Bir yaygın değerler tablosu, tasarımcıların en çok başvurduğu boyutları eşler — böylece "24px kaç rem eder" gibi sorular bir bakışta yanıtlanır. Araç ücretsizdir, yazdıkça güncellenir ve sabit piksel mockup'ları erişilebilir, ölçeklenebilir rem tabanlı CSS'e dönüştürmek için vazgeçilmezdir.
Pixel'den EM/REM'e Dönüştürücü Nasıl Kullanılır
- Dönüştürülecek değeri girin ve birimini seçin: px, rem, em, pt veya %.
- 16 px'ten farklıysa kök font boyutunu (rem için) ve üst font boyutunu (em ve % için) ayarlayın.
- Canlı tabloda dönüştürülmüş değerleri okuyun.
- Oluşturulan CSS kod parçasını veya yaygın değerler tablosundan herhangi bir değeri kopyalayın.