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