CSS clamp() క్యాలిక్యులేటర్

మీరు దీనికి రెండు పాయింట్లను ఇస్తారు: చిన్న స్క్రీన్ వెడల్పు వద్ద ఒక పరిమాణం మరియు పెద్ద స్క్రీన్ వద్ద మరొక పరిమాణం. ఇది వాటి మధ్య ఒక సరళ రేఖను గీస్తుంది, తద్వారా స్క్రీన్ వెడల్పు పెరిగేకొద్దీ పరిమాణం సజావుగా పెరుగుతుంది, ఆపై దీన్ని clamp() లో ఉంచుతుంది, తద్వారా ఇది మీ చిన్న-స్క్రీన్ పరిమాణం కంటే తగ్గదు లేదా పెద్ద-స్క్రీన్ పరిమాణం కంటే పెరగదు. రెండు వెడల్పుల మధ్య పరిమాణం ఫ్లూయిడ్‌గా మారుతుంది; వాటి వెలుపల ఇది సమీప పరిమితి వద్ద స్థిరంగా ఉంటుంది.

పరిమితులు rem లో ఉంటాయి మరియు మారుతున్న మధ్య భాగం rem భాగాన్ని కలిగి ఉంటుంది, కాబట్టి పాఠకుడు జూమ్ చేసినప్పుడు లేదా వారి బ్రౌజర్ యొక్క డిఫాల్ట్ ఫాంట్ పరిమాణాన్ని పెంచినప్పుడు కూడా టెక్స్ట్ పెరుగుతుంది — పిక్సెల్ లేదా వ్యూపోర్ట్ మాత్రమే ఉండే విలువలు దీన్ని నిరోధించవచ్చు. చాలా మంది పిక్సెల్‌లలో ఆలోచిస్తారు కాబట్టి మీరు పరిమాణాలను పిక్సెల్‌లలో టైప్ చేస్తారు, మరియు ఈ సాధనం మీ రూట్ ఫాంట్ పరిమాణాన్ని ఉపయోగించి rem కి మారుస్తుంది.

అవును. ప్యాడింగ్, మార్జిన్, గ్యాప్, వెడల్పు లేదా ఎత్తు — పొడవును ఉపయోగించే ఎక్కడైనా ఇదే విలువ పనిచేస్తుంది. టెక్స్ట్‌కు బదులుగా స్పేసింగ్ పెరగడాన్ని చూడటానికి ప్రివ్యూను Box కి మార్చండి. మీ చిన్న మరియు పెద్ద పరిమాణాలు ఒకేలా ఉంటే, స్కేల్ చేయడానికి ఏమీ ఉండదు కాబట్టి ఫలితం సాధారణ స్థిర పొడవుగా మారుతుంది.

అవును — 2020 నుండి ప్రతి ప్రస్తుత బ్రౌజర్ clamp() కి మద్దతు ఇస్తుంది, కాబట్టి మీరు ఎటువంటి ఫాల్‌బ్యాక్ లేకుండా విలువను నేరుగా ఉపయోగించవచ్చు. చాలా పెద్ద గరిష్ట పరిమాణం లేదా వేగవంతమైన మార్పు రేటు ఉన్నప్పుడు, అవసరమైన పాఠకుల కోసం టెక్స్ట్ ఇంకా పెద్దదవుతుందో లేదో 200% జూమ్ వద్ద ఒకసారి తనిఖీ చేయడం మంచిది.