Skrin adattiv tal-immaġini HTML 5 img kodiċi tal-iskala proporzjonali għall-paġna web HTML XNUMX

Minħabba l-Internet mobbli li qed jisplodu,Wechat marketingIl-popolarità tat-telefowns ċellulari saretĦajjagħodda indispensabbli.

tibni websajtmudell, huwa rakkomandat li tużaWordPressTema adattiva għal:

Xi jfisser CSS image adattivi?

Immaġini CSS adattivi tfisser li tagħmel l-immaġini fil-paġna web html, permezz tal-kodiċi CSS:

Sussegwentement,Chen WeiliangSe naqsam miegħek il-kodiċi ta' skalar proporzjonali img CSS ^_^

L-għoli tal-immaġini CSS u l-kodiċi adattivi tal-wisa'

Daħħal l-immaġni f'html:

Jekk trid li l-immaġni tadatta għad-daqs żgħir tal-iskrin minflok ma tibqa 'fissa fil-wisa' u l-għoli.

Tista 'żżid il-kodiċi li ġej mal-fajl style.css tat-tema WordPress tiegħek ▼

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

dikjarazzjoni hawnmax-widthregola tal-wisa' massimu

• biex jiġi żgurat li l-immaġini kollha jintwerew f'massimu ta' 100% (jiġifieri jistgħu jintwerew biss daqs l-immaġini tagħhom stess).
• F'dan il-punt, jekk l-element li fih l-immaġini (pereżempju, il-korp jew div li jkun fih l-immaġni) huwa iżgħar mill-wisa 'inerenti tal-immaġni, l-immaġni se tiġi skalata biex timla l-ispazju massimu disponibbli.

width:auto;tfisser wisa' awtomatiku

\9 Huwa mod ta 'kitba hack css.

• B'dan il-mod, "\9" huwa miżjud mal-kodiċi css normali, browser IE biss jista 'jirrikonoxxih, browsers oħra se jinjoraw din id-dikjarazzjoni.
• Dan se jikseb divrenzjar tal-browser, li jippermetti l-iskop ta 'browsers kompatibbli.

Għaliex ma tużax wisa ': 100%?

Biex tikseb skalar awtomatiku ta 'immaġini, tista' wkoll tuża l-proprjetajiet tal-wisa 'aktar użati b'mod komuni, eż.width：100％.

Madankollu, din ir-regola ma tapplikax hawnhekk.

• Minħabba li din ir-regola se tagħmilha wiesgħa daqs il-kontenitur tagħha.
• F'każijiet fejn il-kontenitur huwa ħafna usa 'mill-immaġni, l-immaġni se tiġġebbed bla bżonn.

注意 事项

X'inhuma s-seletturi tas-CSS? X'inhi d-differenza bejn il-klassi u l-id?It-tutorials li ġejjin jitkellmu dwar ▼

X'inhi d-differenza bejn il-klassi tas-selettur CSS u l-id? id u l-użu tal-klassi fl-HTML

X'inhi d-differenza bejn il-klassi tas-selettur CSS u l-id? L-użu ta 'id u klassi fl-HTML Chen Weiliang bħalissa qed iwettaq SEO u jottimizza t-tema WordPress tal-websajt.Għalkemm tgħallimt xi għarfien bażiku ta' HTML u CSS qabel, imma ilni ma oħdejtha għal xi żmien, speċjalment il-parti tas-CSS...

Kif tadatta l-paġna biex tilgħab vidjo MP4 fuq il-websajt mobbli?Jekk jogħġbok ikklikkja l-link hawn taħt ▼

Kif il-paġna web H5 MP4 tadatta għall-paġna? Il-websajt mobbli tilgħab kodiċi html tal-vidjo

Il-marketing tal-vidjo huwa parti integrali mill-marketing onlajn: ħafna prattikanti tal-promozzjoni onlajn spiss jużaw vidjow flimkien ma '"marketing virali" biex imexxu t-traffiku.Jekk il-marketing WeChat huwa kkombinat mal-marketing tal-vidjo, jista 'jtejjeb aktar ir-rata ta' konverżjoni tal-kitba tal-midja l-ġdida u l-kummerċ elettroniku soċjali.Għandi ħafna ħbieb...