CSS 单位

CSS 单位

CSS 有几种表示长度的不同单位。

许多 CSS 属性接受“长度”值，诸如 width、margin、padding、font-size နှင့်

အရွယ်အစား သည် အချက် နှင့် အက်စ်အင်ဂျီမီ ပြည့်ပြည့် ဆိုင်သည်။ အချက် နှင့် အက်စ်အင်ဂျီမီ အသုံးပြုသော အရွယ်အစား အမျိုးအစား သည် 10px、2em နှင့်

အမှတ်

px အသုံးပြု၍ အရွယ်အစား မျိုးမျိုး ကို သတ်မှတ်ပါ

h1 {
  font-size: 60px;
}
p {
  font-size: 25px;
  line-height: 50px;
}

ကိုယ်တိုင် ဆောင်ရွက်ကြည်း

အင်္ဂါ နှင့် အချက် အက်စ်အင်ဂျီမီ အကြား အကွာ မပါပါဘဲ။ သို့သော် အချက် အမှတ် ၀ ဖြစ်လျှင် အချက် အက်စ်အင်ဂျီမီ ကို ချဲ့ချဲ့ အသုံးပြုနိုင်သည်

အချို့ CSS အက်စ်အင်ဂျီမီ အတွက် အရွယ်အစား ကို လျှော့ကျ အသုံးပြုနိုင်သည်

အရွယ်အစား အက်စ်အင်ဂျီမီ အမျိုးအစား ၂ မျိုး ရှိသည်အခြေခံနှင့်အတိုင်းအတာ.

အခြေခံ အရွယ်အစား

အခြေခံ အရွယ်အစား အက်စ်အင်ဂျီမီ သည် အခြေခံ အရွယ်အစား အမှတ် နှင့် ဆိုင်သည်။ အခြေခံ အရွယ်အစား အက်စ်အင်ဂျီမီ သည် အခြေခံ အရွယ်စား ကို တခုတည်း ပြသသည်

အခြေခံ အရွယ်အစား အက်စ်အင်ဂျီမီ အရွယ်အစား ကို လက်ခံသင့် မဟုတ်။ သို့သော် ထုတ်လုပ်ခြင်း အခြား ပြားပုံ သို့မဟုတ် ပုံပြင် ပြုလုပ်ခြင်း အတွက် သုံးနိုင်သည်

အချက် ဖော်ပြ TIY
cm လက်မ 试一试
mm လက်မ 试一试
လက်မ in 试一试
လက်မ (1in = 96px = 2.54cm) px * 试一试
ပြား (1px = 1/96th of 1in) pt 试一试
ပြား (1pt = 1/72 of 1in) pc 试一试

* ပြား (1pc = 12 pt)

အတိုင်းအတာ အရွယ်အစား

အတိုင်းအတာ အရွယ်အစား သည် အခြား အရွယ်အစား နှင့် ဆိုင်သည်။ အတိုင်းအတာ အရွယ်အစား သည် အခြား ပြားပုံ အခြား ပြားပုံ အကြား လွှတ်စား ကျသည်

အချက် ဖော်ပြ TIY
em အက်စ်အင်ဂျီမီ အရွယ်အစား နှင့် ဆိုင်သည် (2em သည် အခြေခံ အက်စ်အင်ဂျီမီ အရွယ်စား ၂ ဆ ဖြစ်သည်) 试一试
ex အခြေခံ အက်စ်အင်ဂျီမီ အရွယ်အစား 试一试
ch 0 နှင့် ဆိုင်သည် 试一试
rem အခြေခံ အက်စ်အင်ဂျီမီ အရွယ်အစား 试一试
vw လောက်သော အရွယ်အစား 1% နှင့် ဆိုင်သည် 试一试
vh လောက်သော အရွယ်အစား 1% နှင့် ဆိုင်သည် 试一试
vmin လောက်သော အရွယ်အစား 1% နှင့် ဆိုင်သည် 试一试
vmax 相对于视口*较大尺寸的 1％ 试一试
% 相对于父元素 试一试

提示：em 和 rem 单元可用于创建完美的可扩展布局！

* 视口（Viewport）= 浏览器窗口的尺寸。如果视口为 50 厘米宽，则 1vw = 0.5 厘米。

浏览器支持

表格中的数字注明了完全支持该长度单位的首个浏览器版本。

长度单位
em, ex, %, px, cm, mm, in, pt, pc 1.0 3.0 1.0 1.0 3.5
ch 27.0 9.0 1.0 7.0 20.0
rem 4.0 9.0 3.6 4.1 11.6
vh, vw 20.0 9.0 19.0 6.0 20.0
vmin 20.0 12.0 19.0 6.0 20.0
vmax 26.0 16.0 19.0 7.0 20.0