CSS clamp() कॅल्क्युलेटर

तुम्ही याला दोन बिंदू देता: लहान स्क्रीनच्या रुंदीवरील आकार आणि मोठ्या स्क्रीनच्या रुंदीवरील आकार. हे त्यांच्या दरम्यान एक सरळ रेषा तयार करते जेणेकरून स्क्रीन रुंद होत असताना आकार सुरळीतपणे वाढतो, आणि नंतर त्याला clamp() मध्ये गुंडाळते जेणेकरून तो तुमच्या लहान स्क्रीनच्या आकारापेक्षा कमी किंवा मोठ्या स्क्रीनच्या आकारापेक्षा जास्त होणार नाही. दोन रुंदीच्या दरम्यान आकार लवचिकपणे बदलतो; त्यांच्या बाहेर तो जवळच्या मर्यादेवर स्थिर राहतो.

मर्यादा rem मध्ये आहेत आणि बदलणाऱ्या मधल्या भागात rem घटक असतो, त्यामुळे जेव्हा वाचक झूम करतो किंवा ब्राउझरचा डीफॉल्ट फॉन्ट आकार वाढवतो तेव्हा मजकूर वाढतो — पिक्सेल किंवा केवळ-व्ह्यूपोर्ट मूल्यामुळे हे काम करणे बंद होऊ शकते. तुम्ही पिक्सेलमध्ये आकार टाइप करता कारण बहुतेक लोक तसा विचार करतात, आणि हे साधन तुमच्या रूट फॉन्ट आकाराचा वापर करून rem मध्ये रूपांतरित करते.

होय. हेच मूल्य पॅडिंग (padding), मार्जिन (margin), गॅप (gap), रुंदी किंवा उंचीसाठी काम करते — जिथे लांबी वापरली जाते तिथे सर्वत्र. मजकुराऐवजी स्पेसिंग वाढताना पाहण्यासाठी प्रिव्ह्यू 'Box' वर स्विच करा. तुमचे लहान आणि मोठे आकार सारखे असल्यास, निकाल एका साध्या निश्चित लांबीमध्ये बदलतो, कारण तिथे मोजण्यासाठी काहीही नसते.

होय — २०२० पासून प्रत्येक चालू ब्राउझर clamp() ला सपोर्ट करतो, त्यामुळे तुम्ही हे मूल्य थेट वापरू शकता. खूप मोठ्या कमाल आकारावर किंवा जलद बदलाच्या दरावर, २००% झूम करून मजकूर वाचकांसाठी मोठा होत असल्याची खात्री करणे योग्य ठरेल.