Leathanach Gréasáin HTML 5 íomhá scáileán oiriúnaitheach img cód scálaithe comhréireach

Mar gheall ar an borradh faoin Idirlíon soghluaiste,Wechat margaíochtaTá an-tóir ar fhóin phóca anoisSaoluirlis nach mór.

láithreán gréasáin a thógáilteimpléad, tá sé molta a úsáidWordPressTéama oiriúnaitheach le haghaidh:

Cad a chiallaíonn oiriúnaitheach íomhá CSS?

Ciallaíonn oiriúnaitheach íomhá CSS na híomhánna a dhéanamh ar an leathanach gréasáin html, trí chód CSS:

Ar Aghaidh,Chen WeiliangRoinnfidh mé cód scálaithe comhréireach img CSS ^ _ ^ leat

Cód oiriúnaitheach airde agus leithead íomhá CSS

Cuir íomhá isteach i html:

Más mian leat an íomhá a oiriúnú do mhéid beag an scáileáin in ionad fanacht seasta ar leithead agus airde.

Is féidir leat an cód seo a leanas a chur leis an gcomhad style.css de do théama WordPress ▼

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

ráiteas anseomax-widthriail leithead uasta

• a chinntiú go dtaispeántar gach íomhá ag uasmhéid 100% (i.e. ní féidir iad a thaispeáint ach chomh mór lena n-íomhánna féin).
• Ag an bpointe seo, má tá an eilimint ina bhfuil an íomhá (mar shampla, an comhlacht nó an div ina bhfuil an íomhá) níos lú ná leithead bunúsach an íomhá, déanfar an íomhá a scála chun an spás uasta atá ar fáil a líonadh.

width:auto;ciallaíonn leithead uathoibríoch

\9 Is bealach é hack css a scríobh.

• Ar an mbealach seo, cuirtear "\9" leis an ngnáthchód CSS, ní féidir ach le brabhsálaí IE é a aithint, ní dhéanfaidh brabhsálaithe eile neamhaird ar an ráiteas seo.
• Bainfidh sé seo amach idirdhealú brabhsálaí, rud a chumasóidh cuspóir na mbrabhsálaithe comhoiriúnacha.

Cén fáth nach n-úsáideann tú leithead: 100%?

Chun scálú uathoibríoch na n-íomhánna a bhaint amach, is féidir leat freisin na hairíonna leithead is coitianta a úsáidtear, e.g.width：100％.

Mar sin féin, níl feidhm ag an riail seo anseo.

• Toisc go mbeidh an riail seo a dhéanamh le feiceáil chomh leathan agus a coimeádán.
• I gcásanna ina bhfuil an coimeádán i bhfad níos leithne ná an íomhá, déanfar an íomhá a shíneadh gan ghá.

注意 事项

Cad iad na roghnóirí CSS? Cad é an difríocht idir rang agus id?Labhraíonn na ranganna teagaisc seo a leanas faoi ▼

Cad é an difríocht idir rang roghnóir CSS agus id? id agus úsáid ranga i HTML

Cad é an difríocht idir rang roghnóir CSS agus id? Tá úsáid ID agus rang in HTML Chen Weiliang ag feidhmiú Sinsearach faoi láthair agus ag barrfheabhsú téama WordPress an láithreáin ghréasáin.Cé go bhfuil roinnt eolais bhunúsach HTML agus CSS foghlamtha agam cheana, ach níor oibrigh mé é le tamall, go háirithe an chuid CSS ...

Conas an leathanach a oiriúnú chun físeáin MP4 a imirt ar shuíomh Gréasáin soghluaiste?Cliceáil ar an nasc thíos le do thoil ▼

Conas a chuireann leathanach gréasáin H5 MP4 in oiriúint don leathanach Imríonn suíomh Gréasáin soghluaiste cód html físeáin

Is cuid lárnach den mhargaíocht ar líne í margaíocht físeáin: is minic a úsáideann go leor cleachtóirí cur chun cinn ar líne físeán in éineacht le “margaíocht víreasach” chun trácht a thiomáint.Má chuirtear margaíocht WeChat in éineacht le margaíocht físeáin, féadann sé feabhas breise a chur ar an ráta comhshó copywriting de na meáin nua agus ríomhthráchtáil shóisialta.Tá go leor cairde agam...