फ्लुइड टायपोग्राफी क्लॅम्प
दोन व्ह्यूपोर्ट रुंदींमध्ये एक रेषीय 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 · उदाहरण तपासले: