Responsive Floats လုပ်နည်း
CSS ဖြင့် တုံ့ပြန်မှုရှိသော ရေပေါ်ဒြပ်စင်များ ဖန်တီးနည်းကို လေ့လာပါ။
တုံ့ပြန်မှုရှိသတဲ့။
မီဒီယာမေးမြန်းချက်များကို အသုံးပြုပြီး အစိတ်အပိုင်းသည် မျှောနေရသည့်အခါအတွက် သတ်မှတ်ထားသော မျက်နှာပြင်အကျယ် (ပစ်ဇယ်များ) ကို သတ်မှတ်ပါ-
ဥပမာ
/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Float to the right on screens that
are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
အကြံပြုချက်- ကျွန်ုပ်တို့၏ CSS Float Tutorial တွင် floats အကြောင်း ပိုမိုလေ့လာပါ ။