Toolzy

CSS Clamp जनरेटर

min/max आकार और व्यूपोर्ट चौड़ाई से एक फ़्लूइड CSS clamp() मान बनाएँ।

आउटपुट

एक न्यूनतम और अधिकतम आकार दर्ज करें साथ ही वह व्यूपोर्ट रेंज जिस पर वे लागू होते हैं, और फ़्लूइड, रिस्पॉन्सिव टाइपोग्राफी या स्पेसिंग के लिए एक उपयोग-के-लिए-तैयार CSS clamp() अभिव्यक्ति पाएँ।

कैसे उपयोग करें

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

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

फ़्लूइड मान की गणना कैसे होती है?
यह व्यूपोर्ट रेंज में min और max आकारों के बीच एक रैखिक ढलान की गणना करता है, जिसे clamp() के भीतर rem + vw सूत्र के रूप में व्यक्त किया जाता है।
आउटपुट rem और vw का उपयोग क्यों करता है?
rem आधार आकार को उपयोगकर्ता की फ़ॉन्ट सेटिंग्स के सापेक्ष रखता है, जबकि vw इसे व्यूपोर्ट चौड़ाई के साथ सहजता से स्केल करता है।
अगर मेरा अधिकतम व्यूपोर्ट न्यूनतम व्यूपोर्ट से छोटा हो तो क्या होगा?
टूल एक सत्यापन संदेश दिखाता है जो आपसे अधिकतम व्यूपोर्ट चौड़ाई को न्यूनतम से बड़ा करने को कहता है।

संबंधित टूल