Isikrini sesithombe se-HTML 5 esiguqukayo se-img ikhodi yokukala elinganiselwe yekhasi lewebhu le-HTML XNUMX

Ngenxa yokudlondlobala kwe-inthanethi yeselula,Wechat marketingUkuthandwa komakhalekhukhwini sekuphendukeImpiloithuluzi okufanele ube nalo.

yakha iwebhusayithiisifanekiso, Kunconywa ukusebenzisaWordPressItimu eguquguqukayo yokuthi:

Kusho ukuthini ukuguquguquka kwesithombe se-CSS?

Ukuzijwayeza kwesithombe se-CSS kubhekisa ekwenzeni izithombe ekhasini lewebhu le-html, ngekhodi ye-CSS:

Olandelayo,U-Chen WeiliangNgizokwabelana nawe ngekhodi yokukala elinganiselwe ye-CSS img ^_^

Ubude besithombe se-CSS nobubanzi bekhodi eguqukayo

Faka isithombe ku-html:

Uma ufuna isithombe sivumelane nosayizi omncane wesikrini esikhundleni sokuhlala ungashintshile ngobubanzi nobude.

Ungakwazi ukwengeza ikhodi elandelayo kufayela lesitayela.css letimu yakho ye-WordPress ▼

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

isitatimende laphamax-widthumthetho wobubanzi obukhulu

• ukuqinisekisa ukuthi zonke izithombe ziboniswa ku-100% esiphezulu (okungukuthi zingaboniswa kuphela zizinkulu njengezithombe zazo).
• Kuleli qophelo, uma i-elementi equkethe isithombe (isibonelo, umzimba noma i-div equkethe isithombe) incane kunobubanzi obungokwemvelo besithombe, isithombe sizokalwa ukuze sigcwalise isikhala esiphezulu esitholakalayo.

width:auto;kusho ububanzi obuzenzakalelayo

\9 Kuyindlela yokubhala i-hack css.

• Ngale ndlela, "\9" yengezwa kukhodi ye-css evamile, isiphequluli se-IE kuphela esingakwazi ukuyibona, ezinye iziphequluli zizoziba lesi sitatimende.
• Lokhu kuzofeza ukuhlukaniswa kwesiphequluli, kunikeze amandla inhloso yeziphequluli ezihambisanayo.

Kungani ungasebenzisi ububanzi: 100%?

Ukuze ufinyelele ukukala okuzenzakalelayo kwezithombe, ungasebenzisa futhi izici zobubanzi ezivame ukusetshenziswa kakhulu, isb.width：100％,

Nokho, lo mthetho awusebenzi lapha.

• Ngoba lo mthetho uzoyenza ibonakale ibanzi njengesitsha sayo.
• Ezimeni lapho isiqukathi sibanzi kakhulu kunesithombe, isithombe sizokwelulwa kungenasidingo.

Ukuqapha

Ziyini izikhethi ze-CSS? Uyini umehluko phakathi kwekilasi ne-id?Izifundo ezilandelayo zikhuluma ▼

Uyini umehluko phakathi kwekilasi lesikhethi se-CSS kanye ne-id? i-id kanye nokusetshenziswa kwekilasi ku-HTML

Uyini umehluko phakathi kwekilasi lesikhethi se-CSS kanye ne-id? Ukusetshenziswa kwe-id nekilasi ku-HTML Chen Weiliang okwamanje yenza i-SEO futhi ithuthukisa itimu ye-WordPress yewebhusayithi.Nakuba ngike ngafunda olunye ulwazi oluyisisekelo lwe-HTML ne-CSS ngaphambili, kodwa angikaze ngilusebenzise isikhathi, ikakhulukazi ingxenye ye-CSS...

Iwebhusayithi yeselula idlala kanjani ividiyo ye-MP4 evumelana nekhasi?Sicela uchofoze isixhumanisi esingezansi ▼

Ngabe ikhasi lewebhu le-H5 MP4 lijwayelana kanjani nekhasi?Iwebhusayithi yeselula idlala ikhodi ye-html yevidiyo

Ukumaketha ngevidiyo kuyingxenye ebalulekile yokumaketha ku-inthanethi: osolwazi abaningi be-inthanethi bavame ukusebenzisa ividiyo ehlanganiswe "nokumaketha kwegciwane" ukushayela ithrafikhi.Uma ukumaketha kwe-WeChat kuhlanganiswa nokumaketha kwevidiyo, kungathuthukisa izinga lokuguqulwa kokukopisha kwemidiya entsha kanye ne-e-commerce yezenhlalo.Nginabangane abaningi...