CSS clamp जेनरेटर

यह टूल क्या करता है

clamp() ने मीडिया क्वेरी के उस ढेर की जगह ली है जो पहले किसी शीर्षक को चार आकारों में बदलता था। कठिन हिस्सा बीच का पद है, जो आपके दोनों बिंदुओं से गुजरती सीधी रेखा होना चाहिए: ढाल गुणा व्यूपोर्ट जोड़ अंतःखंड, जिसे vw मान और rem मान के योग के रूप में लिखा जाता है। वही गणित यहाँ हो जाता है। दोनों सीमाएँ rem में रहती हैं ताकि जिसने अपने ब्राउज़र का डिफ़ॉल्ट पाठ बड़ा किया है उसे बड़ा ही अक्षर मिले, और तालिका 360, 768, 1024, 1280 तथा 1600 पिक्सल पर वास्तविक रेंडर आकार दिखाती है। यही मान पैडिंग, गैप और मार्जिन पर भी चलता है, केवल अक्षरों पर नहीं।

इस्तेमाल कैसे करें

1. सबसे छोटा आकार और वह व्यूपोर्ट चौड़ाई दर्ज करें जहाँ वह लागू हो।
2. सबसे बड़ा आकार और वह चौड़ाई दर्ज करें जहाँ बढ़ना रुक जाए।
3. clamp() घोषणा कॉपी करें और पूर्वावलोकन तालिका देखें।

निजता

यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड, सेव या साझा नहीं होता — टैब बंद करते ही वह हट जाता है।

अक्सर पूछे जाने वाले सवाल

सीमाएँ px के बजाय rem में क्यों?

केवल व्यूपोर्ट इकाइयों में लिखा आकार ब्राउज़र की पाठ-आकार सेटिंग को अनदेखा कर देता है, जो सुलभता की चूक है। rem की सीमाएँ हर व्यक्ति की अपनी सेटिंग के साथ बढ़ती हैं।

क्या इसे रिक्तियों के लिए भी उपयोग करें?

हाँ। मान केवल एक लंबाई है, इसलिए यह padding, margin, gap, width और लंबाई लेने वाली हर प्रॉपर्टी पर काम करता है।

क्या कुछ सर्वर पर भेजा जाता है?

नहीं। घोषणा आपकी लिखी संख्याओं से पेज में ही बनती है, इसीलिए वह तुरंत बदलती है।