လုပ်နည်း - ပုံမှန်စက်ပစ္စည်း ဖြတ်တောက်မှုများ
အသုံးများသော စက်ဖြတ်တောက်မှုများအတွက် မီဒီယာမေးမြန်းချက်များအား အသုံးပြုနည်းကို လေ့လာပါ။
ပုံမှန် စက်ပစ္စည်း ဖြတ်ပိုင်းများ
ကွဲပြားခြားနားသော အမြင့်နှင့် အကျယ်များရှိသည့် ဖန်သားပြင်များနှင့် စက်များစွာရှိသောကြောင့် စက်တစ်ခုစီအတွက် တိကျသော breakpoint တစ်ခုကို ဖန်တီးရန် ခက်ခဲသည်။ ရိုးရှင်းစေရန်အတွက် ဘုံအုပ်စုငါးခုကို ပစ်မှတ်ထားနိုင်သည်-
ဥပမာ
/*
Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{...}
/* Small devices (portrait tablets and large phones, 600px and up)
*/
@media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up)
*/
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large
laptops and desktops,
1200px and up) */
@media only screen and (min-width: 1200px) {...}
ဆက်စပ်စာမျက်နှာများ
CSS ကျူတိုရီရယ်- CSS မီဒီယာမေးခွန်းများ
CSS ကျူတိုရီရယ်- CSS Media Queries နမူနာများ
CSS ရည်ညွှန်းချက်- @media စည်းမျဉ်း
RWD ကျူတိုရီရယ်- မီဒီယာမေးခွန်းများဖြင့် တုံ့ပြန်နိုင်သော ဝဘ်ဒီဇိုင်း
JavaScript ကျူတိုရီရယ်- window.matchMedia() နည်းလမ်း