တုံ့ပြန်မှုရှိသော ဝဘ်ဒီဇိုင်း - ဗီဒီယိုများ
width Property ကိုအသုံးပြုခြင်း။
ပိုင်ဆိုင်မှုကို 100% ဟု သတ်မှတ်ထားပါ က width
ဗီဒီယိုပလေယာသည် တုံ့ပြန်မှုရှိပြီး စကေးအတက်အဆင်းရှိပါမည်-
ဥပမာ
video {
width: 100%;
height: auto;
}
အထက်ဖော်ပြပါ ဥပမာတွင်၊ ဗီဒီယိုပလေယာကို ၎င်း၏မူလအရွယ်အစားထက် ပိုကြီးစေရန် စကေးချဲ့နိုင်သည်ကို သတိပြုပါ။ ပိုမိုကောင်းမွန်သောဖြေရှင်းချက်တစ်ခုသည် များစွာသောကိစ္စများတွင်၊
max-width
ပိုင်ဆိုင်မှုအစား ပိုင်ဆိုင်မှုကိုအသုံးပြုခြင်းဖြစ်လိမ့်မည်။
max-width Property ကိုအသုံးပြုခြင်း။
ပိုင်ဆိုင်မှုကို 100% ဟု သတ်မှတ်ထားပါ က max-width
ဗီဒီယိုဖွင့်စက်သည် လိုအပ်ပါက အရွယ်အစားကို လျှော့ချမည်ဖြစ်သော်လည်း ၎င်း၏မူလအရွယ်အစားထက် ပိုကြီးစေရန် ဘယ်သောအခါမှ စကေးမတက်ပါနှင့်။
ဥပမာ
video {
max-width: 100%;
height: auto;
}
နမူနာဝဘ်စာမျက်နှာသို့ ဗီဒီယိုတစ်ခုထည့်ပါ။
ကျွန်ုပ်တို့၏ ဥပမာ ဝဘ်စာမျက်နှာတွင် ဗီဒီယိုတစ်ခု ထည့်လိုပါသည်။ ရနိုင်သောနေရာအားလုံးကို အမြဲယူရန် ဗီဒီယိုကို အရွယ်အစားပြောင်းပါမည်-
ဥပမာ
video {
width: 100%;
height: auto;
}