HTML 5 ရုပ်ပုံ လိုက်လျောညီထွေရှိသော မျက်နှာပြင် img ဝဘ်စာမျက်နှာ HTML XNUMX အတွက် အချိုးကျ အတိုင်းအတာ ကုဒ်

မိုဘိုင်းအင်တာနက် ထွန်းကားလာမှုကြောင့်၊Wechat စျေးကွက်ရှာဖွေရေးမိုဘိုင်းလ်ဖုန်းများ ခေတ်စားလာပါသည်။အသက်မရှိမဖြစ်ကိရိယာ။

ဝဘ်ဆိုဒ်တစ်ခုတည်ဆောက်ပါ။ပုံစံခွက်ကို အသုံးပြုရန် အကြံပြုထားသည်။WordPressလိုက်လျောညီထွေရှိသော ဆောင်ပုဒ်-

CSS image adaptive ဆိုတာ ဘာကို ဆိုလိုတာလဲ။

CSS image adaptive ဆိုသည်မှာ CSS ကုဒ်မှတဆင့် html ဝဘ်စာမျက်နှာတွင် ပုံများကို ပြုလုပ်ရန် ဆိုလိုသည်-

နောက်တစ်ခု,Chen WeiliangCSS img အချိုးကျစကေးကုဒ်ကို သင့်အား မျှဝေပါမည် ^_^

CSS ရုပ်ပုံ အမြင့်နှင့် အကျယ် အလိုက်သင့် ကုဒ်

html တွင် ပုံထည့်ပါ

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

သင့် WordPress အပြင်အဆင် ▼ ၏ style.css ဖိုင်တွင် အောက်ပါကုဒ်ကို သင်ထည့်နိုင်သည်။

/*图片自适应宽度和高度*/ 
img { max-width: 100%; height: auto; width: auto\9; width: auto; }

ကြေညာချက်ဒီမှာmax-widthအကျယ်ဆုံးစည်းမျဉ်း

• ပုံအားလုံးကို အများဆုံး 100% တွင်ပြသကြောင်းသေချာစေရန် (ဆိုလိုသည်မှာ ၎င်းတို့သည် ၎င်းတို့၏ကိုယ်ပိုင်ပုံများကဲ့သို့ ကြီးမားသောပုံများကိုသာ ပြသနိုင်သည်)။
• ဤအချိန်တွင်၊ ပုံပါရှိသော ဒြပ်စင် (ဥပမာ၊ ရုပ်ပုံပါရှိသော ကိုယ်ထည် သို့မဟုတ် div) သည် ပုံ၏ မွေးရာပါ အကျယ်ထက် သေးငယ်ပါက၊ ရရှိနိုင်သော အများဆုံးနေရာအား ဖြည့်ရန် ပုံအား အတိုင်းအတာဖြင့် ချိန်ညှိမည်ဖြစ်သည်။

width:auto;အလိုအလျောက် အကျယ်ကို ဆိုလိုသည်။

\9 ၎င်းသည် ဟက်ခ် css ရေးနည်းဖြစ်သည်။

• ဤနည်းအားဖြင့် "\9" ကို ပုံမှန် css ကုဒ်သို့ ပေါင်းထည့်လိုက်သည်၊ IE ဘရောက်ဆာကသာ ၎င်းကို မှတ်မိနိုင်ပြီး၊ အခြားဘရောက်ဆာများသည် ဤဖော်ပြချက်ကို လျစ်လျူရှုပါမည်။
• ၎င်းသည် တွဲဖက်သုံးနိုင်သော ဘရောက်ဆာများ၏ ရည်ရွယ်ချက်ကို ပံ့ပိုးပေးသည့် ဘရောက်ဆာ ကွဲပြားမှုကို ရရှိစေမည်ဖြစ်သည်။

အဘယ်ကြောင့် အကျယ်ကို 100% မသုံးရသနည်း။

ရုပ်ပုံများကို အလိုအလျောက် ချိန်ညှိခြင်းအောင်မြင်ရန်၊ အသုံးများသော အကျယ်ဂုဏ်သတ္တိများကိုလည်း အသုံးပြုနိုင်သည်။ ဥပမာ။width：100％။

သို့သော် ဤစည်းမျဉ်းသည် ဤနေရာတွင် မသက်ဆိုင်ပါ။

• ဘာကြောင့်လဲဆိုတော့ ဒီစည်းမျဉ်းက ကွန်တိန်နာကို ကျယ်ကျယ်ပြန့်ပြန့် ပေါ်လာစေလိမ့်မယ်။
• ပုံသဏ္ဍာန်ထက် များစွာကျယ်သော ကွန်တိန်နာသည် ရုပ်ပုံအား မလိုအပ်ဘဲ ဆွဲဆန့်သွားမည်ဖြစ်သည်။

ကြိုတင်ကာကွယ်မှုများ

CSS ရွေးချယ်မှုများသည် အဘယ်နည်း။ class နဲ့ id ကွာခြားချက်ကဘာလဲ။အောက်ပါသင်ခန်းစာများတွင် ▼ အကြောင်းပြောပါမည်။

CSS Selector Class နှင့် id အကြား ကွာခြားချက်မှာ အဘယ်နည်း။ HTML တွင် id နှင့် class အသုံးပြုမှု

CSS Selector Class နှင့် id အကြား ကွာခြားချက်မှာ အဘယ်နည်း။ HTML Chen Weiliang တွင် id နှင့် class ကိုအသုံးပြုခြင်းသည် လက်ရှိတွင် SEO ကိုလုပ်ဆောင်နေပြီး ဝဘ်ဆိုက်၏ WordPress ဆောင်ပုဒ်ကို အကောင်းဆုံးဖြစ်အောင် လုပ်ဆောင်နေသည်။အရင်က HTML နဲ့ CSS ကို အခြေခံ ဗဟုသုတတွေ တတ်မြောက်ထားပေမယ့် အထူးသဖြင့် CSS အပိုင်းကို မလေ့လာဖြစ်တာ ကြာပါပြီ..။

မိုဘိုင်းဝဘ်ဆိုက်တွင် MP4 ဗီဒီယိုကို ဖွင့်ရန် စာမျက်နှာကို မည်သို့ လိုက်လျောညီထွေဖြစ်အောင် လုပ်မည်နည်း။▼ အောက်ပါလင့်ကိုနှိပ်ပါ။

H5 ဝဘ်စာမျက်နှာ MP4 သည် စာမျက်နှာနှင့် မည်သို့ လိုက်လျောညီထွေဖြစ်သနည်း။ မိုဘိုင်းဝဘ်ဆိုဒ်သည် ဗီဒီယို html ကုဒ်ကို ဖွင့်သည်။

ဗီဒီယိုစျေးကွက်ရှာဖွေခြင်းသည် အွန်လိုင်းစျေးကွက်ရှာဖွေခြင်း၏ အဓိကအစိတ်အပိုင်းတစ်ခုဖြစ်သည်- အွန်လိုင်းမြှင့်တင်ရေးလေ့ကျင့်သူများသည် လမ်းကြောင်းကိုမောင်းနှင်ရန်အတွက် "ဗိုင်းရပ်စ်စျေးကွက်ရှာဖွေရေး" နှင့်ပေါင်းစပ်ဗီဒီယိုကို အသုံးပြုလေ့ရှိသည်။WeChat စျေးကွက်ချဲ့ထွင်ခြင်းကို ဗီဒီယိုစျေးကွက်ရှာဖွေခြင်းနှင့် ပေါင်းစပ်ပါက၊ ၎င်းသည် မီဒီယာအသစ်နှင့် ဆိုရှယ် e-commerce ၏ copywriting conversion rate ကို ပိုမိုတိုးတက်စေနိုင်သည်။ငါ့မှာ သူငယ်ချင်းတွေအများကြီးရှိတယ်...