HTML <picture> အချက်
အချက် အရာများ နှင့် အသုံးပြုခြင်း
<picture>
အချက် အရာများ ကို အခြား အရင်းမြစ် ကို သတ်မှတ်ပြီး အခြား အရင်းမြစ် ကို အသုံးပြုသည်။
<picture>
အရာများ အသုံးပြုခြင်း အများဆုံး အသုံးပြုခြင်း အရာများ ကို အရင်းမြစ် အသုံးပြုသည်။ ဘရူးသတ္တိကမ်း အရာများ ကို အခြား အစီအစဉ်များ ကို အခြား အစီအစဉ်များ ကို ပြသသည်။
<picture>
အရာများ ကို ပါဝင်သည် <source> အချက် နှင့် <img> အချက်。
ဘရူးသတ္တိကမ်း အရာများ က အခြား မီဒီယို အစီအစဉ်များ နှင့် အခြား အစီအစဉ်များ ကို ကြည့်သော် အခြား အစီအစဉ်များ ကို အခြား အစီအစဉ်များ ကို ပြသသည်။ <img> အရာများ အသုံးပြုသည် <picture>
အရာများ၏ နောက်ဆုံး အသုံးပြုသူ အရာများ အရာများ မရှိသေးသော် အသုံးပြုသင့်သော အရာများ ဖြစ်သည်。
အကြောင်းပြချက်<picture>
အရာများ၏ အလုပ်အမှု <ဗီဒီယို> နှင့် <အေလ်ဒီ> အကူအညီများ။ အခြား အရင်းမြစ်များ ကို သတ်မှတ်ပြီး အခြား ရှိသော အရင်းမြစ်မှ အခြား ပိုက်သင့်သော အရင်းမြစ် အသုံးပြုသည်。
အခြား ကိုးကားချက်
ဟယ်လ် ပညာရှင်းHTML <picture> အမှုံအင်း
စျမ်းဆိုင်း ပညာရှင်းCSS အပြန်အလှန် ဒီပုံရေး - ပုံ
အမှတ်
<picture>
အမှတ် အသုံးပြုခြင်း နည်းလမ်း
<picture> <source media="(min-width:650px)" srcset="flowers-1.jpg"> <source media="(min-width:465px)" srcset="flowers-2.jpg"> <img src="flowers-3.jpg" alt="Flowers" style="width:auto;"> </picture>
အပြည်ပြည်ရေး ဗီယာကွင်း
<picture>
အမှတ် သည် လည်း ထောက်ပံ့သည် HTML တွင် အပြည်ပြည်ရေး ဗီယာကွင်း。
အခမ်းအနား ဗီယာကွင်း
<picture>
အမှတ် သည် လည်း ထောက်ပံ့သည် HTML အခမ်းအနား ဗီယာကွင်း。
ဘတူပြား ထောက်ပံ့
အချက်အလက် အရာများ သည် ဒီ အမှတ် ကို ပထမဆုံး ထောက်ပံ့သော ဘတူပြား ကို ညွှန်ပြသည်。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
38.0 | 13.0 | 38.0 | 9.1 | 25.0 |