DevTulz Online

PX ↔ REM மாற்றி

px

PX → REM

px

REM → PX

rem

குறிப்பு அட்டவணை

px rem em

PX மற்றும் REM இடையே என்ன வித்தியாசம்?

PX (பிக்சல்கள்) ஒரு முழுமையான அலகு — இது எப்போதும் ஒரே உடல் அளவில் தெரிகிறது. REM (root em) என்பது root element இன் எழுத்துரு அளவை அடிப்படையாகக் கொண்ட ஒரு சார்பு அலகு (உலாவிகளில் பொதுவாக இயல்புநிலை 16px). REM ஐ பயன்படுத்துவது பயனரின் எழுத்துரு அளவு விருப்பங்களை மதிக்கும் அணுகக்கூடிய, அளவிடக்கூடிய தளவமைப்புகளை உருவாக்க எளிதாக்குகிறது.

PX முதல் REM மாற்றியை எவ்வாறு பயன்படுத்துவது

  1. அடிப்படை எழுத்துரு அளவை அமைக்கவும் (இயல்புநிலை 16px — பெரும்பாலான உலாவிகளுக்கு பொருந்தும்).

  2. சமான REM மதிப்பை காண பிக்சல் மதிப்பை உள்ளிடுங்கள்.

  3. அல்லது பிக்சல்களுக்கு மாற்ற REM மதிப்பை உள்ளிடுங்கள்.

  4. பொதுவான அளவு மாற்றங்களுக்கு கீழே உள்ள குறிப்பு அட்டவணையைப் பயன்படுத்துங்கள்.

சூத்திரம்: rem = px ÷ அடிப்படை எழுத்துரு அளவு. இயல்புநிலை அடிப்படை 16px க்கு: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px. அனைத்து கணக்கீடுகளும் உங்கள் உலாவியில் உடனடியாக நடைபெறுகின்றன.

Keywords: px முதல் rem மாற்றி, rem முதல் px, பிக்சல்கள் rem க்கு, CSS அலகு மாற்றி, எழுத்துரு அளவு மாற்றி, பதிலளிக்கும் வடிவமைப்பு, rem கால்குலேட்டர்