CSS clamp() တွက်ချက်ကိရိယာ

သင်သည် ၎င်းကို အချက်နှစ်ချက် ပေးရပါမည်- မျက်နှာပြင်အသေး အကျယ်ရှိ အရွယ်အစားတစ်ခုနှင့် မျက်နှာပြင်အကြီး အကျယ်ရှိ အရွယ်အစားတစ်ခု ဖြစ်သည်။ ၎င်းသည် ၎င်းတို့အကြား မျဉ်းဖြောင့်တစ်ခု ဆွဲပေးသောကြောင့် မျက်နှာပြင် ကျယ်လာသည်နှင့်အမျှ အရွယ်အစားသည် ချောမွေ့စွာ ကြီးထွားလာပြီး၊ ၎င်းကို clamp() ဖြင့် ပတ်ထားသောကြောင့် သင့်မျက်နှာပြင်အသေး အရွယ်အစားအောက် မကျသွားသလို မျက်နှာပြင်အကြီး အရွယ်အစားထက်လည်း ကျော်မသွားပါ။ အကျယ်နှစ်ခုအကြားတွင် အရွယ်အစားသည် လိုက်လျောညီထွေစွာ ပြောင်းလဲနေမည်ဖြစ်ပြီး ၎င်းတို့အပြင်ဘက်တွင်မူ အနီးစပ်ဆုံး ကန့်သတ်ချက်တွင် တည်ရှိနေမည်ဖြစ်သည်။

အတိုင်းအတာ ကန့်သတ်ချက်များသည် rem ဖြင့်ဖြစ်ပြီး ပြောင်းလဲနေသော အလယ်ပိုင်းတွင် rem အစိတ်အပိုင်း ပါဝင်သောကြောင့် စာဖတ်သူမှ zoom ချဲ့သည့်အခါ သို့မဟုတ် ဘရောက်ဆာ၏ မူရင်းစာလုံးအရွယ်အစားကို မြှင့်တင်သည့်အခါ စာသားသည် ကြီးထွားလာနိုင်ဆဲဖြစ်သည် — pixel သို့မဟုတ် viewport သီးသန့်တန်ဖိုးများသည် ထိုသို့လုပ်ဆောင်ခြင်းကို တားဆီးနိုင်သည်။ လူအများစု နားလည်လွယ်စေရန် ပစ်ဇယ်ဖြင့် ရိုက်ထည့်ရခြင်းဖြစ်ပြီး ကိရိယာမှ သင့် root စာလုံးအရွယ်အစားကို အသုံးပြု၍ rem သို့ ပြောင်းလဲပေးခြင်း ဖြစ်သည်။

ဟုတ်ကဲ့။ တူညီသောတန်ဖိုးကို padding, margin, gap, width သို့မဟုတ် height — အလျားသတ်မှတ်ရမည့် မည်သည့်နေရာတွင်မဆို အသုံးပြုနိုင်သည်။ စာသားအစား နေရာလွတ်များ ကြီးထွားလာပုံကို ကြည့်ရှုရန် preview ကို Box သို့ ပြောင်းလဲပါ။ အကယ်၍ သင့်မျက်နှာပြင်အသေးနှင့် အကြီး အရွယ်အစားများ တူညီနေပါက ပြောင်းလဲရန် မလိုသောကြောင့် ရလဒ်သည် ရိုးရိုးပုံသေအလျားအဖြစ်သို့ ကျုံ့သွားပါမည်။

ဟုတ်ကဲ့ — ၂၀၂၀ ခုနှစ်ကတည်းက လက်ရှိဘရောက်ဆာအားလုံးသည် clamp() ကို ထောက်ပံ့ပေးထားပြီးဖြစ်သောကြောင့် fallback မလိုဘဲ တန်ဖိုးကို တိုက်ရိုက်အသုံးပြုနိုင်သည်။ အလွန်ကြီးမားသော အများဆုံးတန်ဖိုး သို့မဟုတ် လျင်မြန်သော ပြောင်းလဲမှုနှုန်းများတွင် စာသားဖတ်ရန် လိုအပ်သူများအတွက် 200% zoom တွင် စာသားကြီးလာသေးခြင်း ရှိမရှိကို တစ်ချက် စစ်ဆေးသင့်သည်။