CSS clamp() கணக்கிடுவான்

நீங்கள் இதற்கு இரண்டு புள்ளிகளை வழங்குகிறீர்கள்: ஒரு சிறிய திரை அகலத்தின் அளவு மற்றும் ஒரு பெரிய திரை அகலத்தின் அளவு. இது அவற்றுக்கிடையே ஒரு நேர்க்கோட்டை வரைகிறது, இதனால் திரை விரிவடையும் போது அளவு சீராக வளரும், பின்னர் அதை clamp() இல் இணைக்கிறது, இதனால் அது உங்கள் சிறிய திரை அளவை விட குறையாது அல்லது உங்கள் பெரிய திரை அளவை விட அதிகரிக்காது. இரண்டு அகலங்களுக்கு இடையில் அளவு நெகிழ்வாக மாறுகிறது; அதற்கு வெளியே அது மிக நெருக்கமான வரம்பில் இருக்கும்.

வரம்புகள் rem-இல் உள்ளன மற்றும் மாறும் நடுத்தர பகுதி ஒரு rem கூறைக் கொண்டுள்ளது, எனவே ஒரு வாசகர் பெரிதாக்கும்போது அல்லது அவர்களின் உலாவியின் இயல்புநிலை எழுத்து அளவை உயர்த்தும்போது உரை இன்னும் வளரும் — பிக்சல் அல்லது வியூபோர்ட்-மட்டும் கொண்ட மதிப்பு அதைத் தடுக்கலாம். பெரும்பாலான மக்கள் பிக்சல்களில் சிந்திப்பதால் நீங்கள் அளவுகளை பிக்சல்களில் தட்டச்சு செய்கிறீர்கள், மேலும் இந்த கருவி உங்கள் ரூட் எழுத்து அளவைப் பயன்படுத்தி rem-க்கு மாற்றுகிறது.

ஆம். இதே மதிப்பு padding, margin, gap, width அல்லது height — நீளம் தேவைப்படும் எந்த இடத்திற்கும் வேலை செய்யும். உரைக்கு பதிலாக இடைவெளி வளர்வதைப் பார்க்க முன்னோட்டத்தை Box-க்கு மாற்றவும். உங்கள் சிறிய மற்றும் பெரிய அளவுகள் ஒரே மாதிரியாக இருந்தால், முடிவு ஒரு நிலையான நீளமாக மாறும், ஏனெனில் அங்கு அளவிடுவதற்கு எதுவும் இல்லை.

ஆம் — 2020 முதல் அனைத்து தற்போதைய உலாவிகளும் clamp()-ஐ ஆதரிக்கின்றன, எனவே நீங்கள் மாற்று வழி (fallback) இல்லாமல் மதிப்பை அப்படியே பயன்படுத்தலாம். மிகப் பெரிய அதிகபட்ச அளவு அல்லது வேகமான மாற்ற விகிதத்தில், தேவைப்படும் வாசகர்களுக்கு உரை இன்னும் பெரிதாகிறதா என்பதை 200% ஜூமில் விரைவாகச் சரிபார்ப்பது நல்லது.