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 ரூட்டிற்கான எளிதான வழிகாட்டியாகும்.