HTML 5 dîmendera adapteyî ya wêneyê img koda pîvandina nîsbet ji bo malpera HTML XNUMX

Ji ber geşbûna înternetê ya mobîl,marketing WechatPopularîteya telefonên desta bûyeJiyanamûrek pêdivî ye.

malperek ava bikinşablon, tê pêşniyar kirin ku bikar bîninWordPressMijara Adaptive ji bo:

Wateya adaptasyona wêneya CSS çi ye?

CSS-a adaptive wêne tê vê wateyê ku hûn wêneyên di malpera html-ê de, bi koda CSS-ê çêbikin:

Piştî,Chen WeiliangEz ê koda pîvandina rêjeyî ya CSS img ^_^ bi we re parve bikim

Bilindahiya wêneya CSS û berfirehiya koda adaptive

Wêne di html-ê de têxe:

Ger hûn dixwazin ku wêne li şûna ku di firehî û bilindiyê de sabît bimîne bi mezinahiya piçûk a ekranê re adapte bibe.

Hûn dikarin koda jêrîn li pelê style.css ya mijara WordPress-ê ▼ lê zêde bikin

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

daxuyanî li virmax-widthqaîdeya firehiya herî zêde

• da ku bicîh bikin ku hemî wêne herî zêde 100% têne xuyang kirin (ango ew tenê dikarin bi qasî wêneyên xwe mezin werin xuyang kirin).
• Di vê nuqteyê de, heke hêmana ku wêne dihewîne (mînak, laş an div ku wêne dihewîne) ji firehiya xwerû ya wêneyê piçûktir be, wêne dê were pîvandin da ku cîhê herî zêde yê berdest tije bike.

width:auto;tê wateya firehiya otomatîk

\9 Ew awayê nivîsandina hack css e.

• Bi vî awayî, "\9" li koda css ya normal tê zêdekirin, tenê geroka IE dikare wê nas bike, gerokên din dê vê gotinê paşguh bikin.
• Ev ê bigihîje cihêrengiya gerokê, ku armanca gerokên lihevhatî çalak bike.

Çima firehiyê bikar neynin: 100%?

Ji bo bidestxistina pîvana otomatîkî ya wêneyan, hûn dikarin taybetmendiyên firehiyê yên ku bi gelemperî têne bikar anîn jî bikar bînin, mînakî.width：100％.

Lêbelê, ev qaîdeyek li vir derbas nabe.

• Ji ber ku ev qaîde wê bi qasî konteynirê wê fireh xuya bike.
• Di rewşên ku konteynir ji wêneyê pir firehtir e, wêne dê bêçare were dirêj kirin.

Pêşîgirtin

Hilbijêrên CSS çi ne? Cûdahiya di navbera çîn û id de çi ye?Dersên jêrîn li ser ▼-ê dipeyivin

Cûdahiya di navbera çîna hilbijêrê CSS û id de çi ye? bikaranîna id û pola di HTMLê da

Cûdahiya di navbera çîna hilbijêrê CSS û id de çi ye? Bikaranîna id û polê di HTML-ê de Chen Weiliang niha SEO-ê dike û mijara WordPress-ê ya malperê xweşbîn dike.Her çend min berê hin zanyariyên bingehîn ên HTML û CSS-ê fêr kiribin jî, lê ji bo demekê min ew kar nekiriye, nemaze beşa CSS ...

Malpera mobîl çawa vîdyoya MP4-ê li ser rûpelê adapteyî dilîze?Ji kerema xwe lînka jêrîn bitikîne ▼

Malpera H5 MP4 çawa bi rûpelê re adapte dibe? Malpera mobîl koda html-a vîdyoyê dilîze

Kirrûbirra vîdyoyê parçeyek yekpare ya kirrûbirra serhêl e: pir bijîjkên pêşvebirina serhêl bi gelemperî vîdyoyê bi "bazirganiya virusê" re bikar tînin da ku seyrûseferê bişopînin.Ger kirrûbirra WeChat bi kirrûbirra vîdyoyê re were hev kirin, ew dikare rêjeya veguheztina nivîsandinê ya medyaya nû û e-bazirganiya civakî bêtir baştir bike.Gelek hevalên min hene...