सीएसएस क्लैंप() कैलकुलेटर

सीएसएस क्लैंप (MIN, PREFERRED, MAX) एक घोषणा को मीडिया प्रश्नों के पूरे ढेर को प्रतिस्थापित करने देता है: मान सबसे छोटे व्यूपोर्ट के नीचे MIN पर, सबसे बड़े व्यूपोर्ट के ऊपर MAX पर रहता है, और बीच में आसानी से स्केल करता है। कठिन हिस्सा पसंदीदा शब्द है - एक व्यूपोर्ट-सापेक्ष अभिव्यक्ति जैसे कि 0.833rem + 0.833vw - जिसे कोई भी हाथ से प्राप्त नहीं करना चाहता है। यह कैलकुलेटर इसकी वास्तविक गणना चार संख्याओं से करता है: एक न्यूनतम आकार, एक अधिकतम आकार, और व्यूपोर्ट की चौड़ाई जिस पर प्रत्येक लागू होता है।

प्रत्येक मध्यवर्ती संख्या दिखाई जाती है, न कि केवल अंतिम पंक्ति: ढलान (व्यूपोर्ट के प्रति पिक्सेल कितने आकार की इकाइयाँ बढ़ती हैं), वही ढलान एक vw गुणांक के रूप में व्यक्त की जाती है, और y-अक्ष प्रतिच्छेदन - स्थिरांक को vw शब्द में जोड़ा जाता है ताकि रेखा आपके द्वारा निर्दिष्ट दो बिंदुओं से होकर गुजरे। जिस किसी ने ट्यूटोरियल से क्लैंप() मान को बिना समझे चिपकाया है, वह यहां वास्तविक अंकगणित देख और जांच सकता है।

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

एक चरण में पूर्ण द्रव टाइपोग्राफी प्रणाली के लिए टाइप-स्केल मोड पर स्विच करें: एक आधार आकार और एक मॉड्यूलर अनुपात (1.125 से 1.5 तक) दर्ज करें और छह आकार प्राप्त करें - छोटे, आधार, एच4, एच3, एच2 और एच1 - प्रत्येक की गणना एक सौम्य मोबाइल प्रगति और पूर्ण डेस्कटॉप अनुपात के बीच अपनी क्लैंप() लाइन के रूप में की जाती है, जो सीएसएस कस्टम गुणों के ब्लॉक के रूप में कॉपी करने के लिए तैयार है।