कॅल्क्युलेटरकडे जा
calcmintly

फ्लुइड टायपोग्राफी क्लॅम्प

दोन व्ह्यूपोर्ट रुंदींमध्ये एक रेषीय CSS फॉन्ट स्केल तयार करा.

वर्कस्पेसमध्ये जोडा

इनपुट मूल्ये

गणना ब्राउझरमध्ये होते. निकाल अंदाज आहेत, व्यावसायिक सल्ला नाही.

CSS क्लॅम्प एक्सप्रेशन

—

तयार केलेले CSS हे एक प्रारंभिक मूल्य आहे. योग्य ठिकाणी सापेक्ष मजकूर एककांना प्राधान्य द्या आणि झूम, मजकूर स्केलिंग आणि ओव्हरफ्लो तपासा.

सूत्र

m = 100(f₁−f₀)/(v₁−v₀) आणि b = f₀−mv₀/100 वापरा. ​​फ्लुइडचा आकार clamp(f₀, b + m×vw, f₁) आहे; f फॉन्टचा आकार दर्शवतो आणि v व्ह्यूपोर्टची रुंदी दर्शवतो.

दोन व्ह्यूपोर्ट रुंदींमध्ये एक रेषीय CSS फॉन्ट स्केल तयार करा.

सोडवलेले उदाहरण

किमान फॉन्ट आकार (px)
16
कमाल फॉन्ट आकार (px)
24
किमान व्ह्यूपोर्ट रुंदी (px)
400
कमाल व्ह्यूपोर्ट रुंदी (px)
1200
CSS क्लॅम्प एक्सप्रेशन
clamp(16px, calc(12px + 1vw), 24px)
व्ह्यूपोर्ट गुणांक
१ vw
पिक्सेल इंटरसेप्ट
१२ px

व्याप्ती आणि मर्यादा

तयार केलेले CSS हे एक प्रारंभिक मूल्य आहे. योग्य ठिकाणी सापेक्ष मजकूर एककांना प्राधान्य द्या आणि झूम, मजकूर स्केलिंग आणि ओव्हरफ्लो तपासा.

इनपुटमधील गहाळ मूल्ये आणि अनुमत श्रेणी तपासल्या जातात. मर्यादित संख्यात्मक श्रेणीच्या बाहेरील निकाल प्रदर्शित केला जात नाही. पूर्णांकीकरणामुळे प्रदर्शनावर परिणाम होतो, तर गणनेसाठी मॉडेलची संख्यात्मक अचूकता वापरली जाते.

निकालावर अवलंबून राहण्यापूर्वी तुमची एकके आणि गृहितके तपासा. लेबल बदलल्याने चलन किंवा भौतिक एकक रूपांतरित होत नाही.

सूत्र आवृत्ती: 174bffea8b3a · उदाहरण तपासले:

पद्धत

संबंधित साधने