द्रव रिक्ति क्लैंप() जेनरेटर
दो व्यूपोर्ट चौड़ाई में न्यूनतम और अधिकतम आकार से वास्तविक द्रव सीएसएस क्लैंप () मान की गणना करें, जिसमें चरण दर चरण ढलान और चौराहा दिखाया गया है और एक लाइव आकार पूर्वावलोकन है।
नतीजा
सीएसएस क्लैंप() रिक्ति के लिए बिल्कुल उसी तरह काम करता है जैसे यह फ़ॉन्ट आकार के लिए करता है - संपत्ति केवल फ़ॉन्ट-आकार के बजाय मार्जिन, पैडिंग या गैप होती है। यह पेज 320px से 1280px व्यूपोर्ट में 8px से 32px रेंज के साथ कैलकुलेटर खोलता है, जो सेक्शन पैडिंग या कार्ड गैप के लिए एक सामान्य कदम है, जिसे फोन पर तंग महसूस होना चाहिए और डेस्कटॉप पर बिना किसी मीडिया क्वेरी के जगहदार होना चाहिए।
अंतर्निहित गणित इस बात की परवाह नहीं करता है कि संख्याएँ क्या दर्शाती हैं: समान ढलान और y-अक्ष-प्रतिच्छेदन सूत्र जो एक द्रव शीर्ष आकार का उत्पादन करता है, एक द्रव रिक्ति मान उत्पन्न करता है, इसलिए नीचे दिए गए ब्रेकडाउन से पता चलता है कि कैसे 8px और 32px पैडिंग के लिए एक कॉपी-तैयार क्लैंप() लाइन में बदल जाते हैं: क्लैंप(...)।
पूर्वावलोकन करने के लिए व्यूपोर्ट-चौड़ाई स्लाइडर को खींचें कि दो ब्रेकप्वाइंट के बीच किसी भी चौड़ाई पर रिक्ति कैसी महसूस होगी, एक सख्त या ढीली सीमा के लिए न्यूनतम और अधिकतम मान समायोजित करें, और तैयार लाइन को सीधे उस रिक्ति संपत्ति में कॉपी करें जिसकी आवश्यकता है।