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