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