ফ্লুইড টাইপোগ্রাফি ক্ল্যাম্প
দুটি ভিউপোর্ট প্রস্থের মধ্যে একটি রৈখিক CSS ফন্ট স্কেল তৈরি করুন।
ইনপুট মান
CSS ক্ল্যাম্প এক্সপ্রেশন
তৈরি করা CSS একটি প্রারম্ভিক মান। যেখানে উপযুক্ত সেখানে আপেক্ষিক টেক্সট ইউনিট ব্যবহার করুন এবং জুম, টেক্সট স্কেলিং এবং ওভারফ্লো পরীক্ষা করুন।
সিনারিও তুলনা
এই ট্যাবে সর্বোচ্চ তিনটি স্ন্যাপশট নেওয়া যাবে। একটি লোড করলে বর্তমান ইনপুটগুলো প্রতিস্থাপিত হয়ে যাবে।
সূত্র
m = 100(f₁−f₀)/(v₁−v₀) এবং b = f₀−mv₀/100 ব্যবহার করুন। ফ্লুইড সাইজ হলো clamp(f₀, b + m×vw, f₁); f ফন্ট সাইজ এবং v ভিউপোর্ট উইডথ নির্দেশ করে।
দুটি ভিউপোর্ট প্রস্থের মধ্যে একটি রৈখিক CSS ফন্ট স্কেল তৈরি করুন।
সমাধান করা উদাহরণ
- সর্বনিম্ন ফন্ট সাইজ (পিক্সেল)
- 16
- সর্বোচ্চ ফন্ট সাইজ (পিক্সেল)
- 24
- সর্বনিম্ন ভিউপোর্ট প্রস্থ (পিক্সেল)
- 400
- সর্বোচ্চ ভিউপোর্ট প্রস্থ (পিক্সেল)
- 1200
- CSS ক্ল্যাম্প এক্সপ্রেশন
- clamp(16px, calc(12px + 1vw), 24px)
- ভিউপোর্ট সহগ
- ১ vw
- পিক্সেল ইন্টারসেপ্ট
- ১২ px
প্রযোজ্যতা ও সীমাবদ্ধতা
তৈরি করা CSS একটি প্রারম্ভিক মান। যেখানে উপযুক্ত সেখানে আপেক্ষিক টেক্সট ইউনিট ব্যবহার করুন এবং জুম, টেক্সট স্কেলিং এবং ওভারফ্লো পরীক্ষা করুন।
ইনপুটগুলিতে অনুপস্থিত মান এবং অনুমোদিত পরিসীমা পরীক্ষা করা হয়। সসীম সংখ্যাসূচক পরিসীমার বাইরের কোনো ফলাফল প্রদর্শিত হয় না। রাউন্ডিং প্রদর্শনে প্রভাব ফেলে, যখন গণনা মডেলের সংখ্যাসূচক নির্ভুলতা ব্যবহার করে।
কোনো ফলাফলের উপর নির্ভর করার আগে আপনার একক এবং অনুমানগুলি পরীক্ষা করুন। লেবেল পরিবর্তন করলে মুদ্রা বা ভৌত একক রূপান্তরিত হয় না।
ফর্মুলা সংস্করণ: 174bffea8b3a · উদাহরণ যাচাই করা হয়েছে: