px ते rem आणि em कनवर्टर
तुमच्या स्वतःच्या रूट आणि संदर्भ फॉन्ट आकारांचा वापर करून px, rem आणि em दरम्यान रूपांतरित करा — कोणतेही फील्ड संपादित करा आणि इतर दोन तुम्ही टाईप करत असताना अपडेट होतील.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
प्रत्येक रूपांतरण तुमच्या ब्राउझरमध्ये चालते. तुम्ही टाईप केलेले काहीही BroBroGo वर अपलोड केले जात नाही.
नेहमी विचारले जाणारे प्रश्न
px, rem आणि em मध्ये काय फरक आहे?
px ही एक निश्चित लांबी आहे. rem हे पेजच्या रूट फॉन्ट आकाराच्या प्रमाणात मोजले जाते, त्यामुळे 16px रूटवर, 1rem हे 16px च्या समान असते. em हे ज्या एलिमेंटमध्ये ते बसते त्याच्या फॉन्ट आकाराच्या प्रमाणात मोजले जाते. rem मध्ये टाईप आणि स्पेसिंगचा आकार ठेवल्याने जेव्हा वाचक त्यांचा डीफॉल्ट फॉन्ट आकार बदलतो तेव्हा सर्व काही स्केल होते.
स्वतंत्र em संदर्भ आकार का आहे?
em हे त्याच्या स्वतःच्या एलिमेंटच्या फॉन्ट आकाराच्या प्रमाणात असते, जे नेहमी रूट असेलच असे नाही. em योग्यरित्या वाचण्यासाठी em संदर्भ त्या एलिमेंटच्या फॉन्ट आकारावर सेट करा, आणि दोन्ही जुळत असताना ते रूटच्या समान ठेवा.
माझा रूट फॉन्ट आकार 16px नसेल तर?
तुमच्या CSS शी जुळण्यासाठी रूट फॉन्ट आकार फील्ड बदला आणि प्रत्येक rem मूल्य झटपट अपडेट होईल. खालील जलद सारणी ही सामान्य 16px रूटसाठी एक सोयीस्कर मार्गदर्शक आहे ज्यापासून बहुतेक साइट्स सुरू होतात.