HTML 5 umfanekiso weskrini img ikhowudi yokukala ehambelana kwiphepha lewebhu HTML XNUMX

Ngenxa yokwanda kwe-Intanethi ephathwayo,Intengiso ye-WechatUkuthandwa kweefowuni eziphathwayo kuye kwabaUbomikufuneka ube nesixhobo.

ukwakha iwebhusayithitemplate, kuyacetyiswa ukuba uyisebenziseWordPressUmxholo oziqhelanisayo we:

  • Ukuba umphuhlisi womxholo we-WordPress akazange enze isikrini se-HTML 5 esiguquguqukayo kakuhle xa uyila iphepha lomxholo we-WordPress ...
  • Xa ubrawuza iwebhusayithi kwisixhobo esiphathwayo, kuya kubakho umfanekiso ombi kakhulu, kwaye amava omsebenzisi ahlwempuzekile kakhulu!

Kuthetha ukuthini ukuguqulwa komfanekiso weCSS?

HTML 5 umfanekiso weskrini img ikhowudi yokukala ehambelana kwiphepha lewebhu HTML XNUMX

Umfanekiso we-CSS ulungelelanisa indlela yokwenza imifanekiso kwiphepha lewebhu le-html, ngekhowudi ye-CSS:

  • Ukulungelelanisa ngokuzenzekelayo kububanzi kunye nobude bezixhobo ezahlukeneyo.
  • Ithegi ye-img ilinganiswa ngokuzenzekelayo.

Okulandelayo,Chen WeiliangNdiza kubelana nawe ngekhowudi yokulinganisa ye-CSS img ^_^

Ubude bomfanekiso weCSS kunye nobubanzi bekhowudi eguqukayo

Faka umfanekiso kwi-html:

Ukuba ufuna ukuba umfanekiso ulungelelanise ubungakanani obuncinci besikrini endaweni yokuhlala ungaguquki kububanzi kunye nobude.

Unokongeza le khowudi ilandelayo kwifayile ye-style.css yesihloko sakho se-WordPress ▼

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

ingxelo aphamax-widthumthetho wobubanzi obuphezulu

  • ukuqinisekisa ukuba yonke imifanekiso iboniswa kubuninzi be-100% (o.k.t. inokuboniswa kuphela njengemikhulu njengemifanekiso yayo).
  • Kweli nqanaba, ukuba into equlathe umfanekiso (umzekelo, umzimba okanye idiv equlethe umfanekiso) incinci kunobubanzi bendalo bomfanekiso, umfanekiso uya kulinganiswa ukuzalisa eyona ndawo ikhoyo.

width:auto;kuthetha ububanzi obuzenzekelayo

\9 Yindlela yokubhala i-hack css.

  • Ngale ndlela, "\9" yongezwa kwikhowudi ye-css eqhelekileyo, kuphela isikhangeli se-IE esinokuyibona, ezinye iiphequluli aziyi kuyihoya le nkcazo.
  • Oku kuya kufezekisa ukwahlulahlula kwesikhangeli, okwenza injongo yezikhangeli ezihambelanayo.

Kutheni ungasebenzisi ububanzi: 100%?

Ukufezekisa ukulinganisa okuzenzekelayo kwemifanekiso, ungasebenzisa kwakhona iimpawu zobubanzi obusetyenziswa ngokuqhelekileyo, umz.width:100%,

Nangona kunjalo, lo mgaqo awusebenzi apha.

  • Kuba lo mgaqo uya kuyenza ibonakale ibanzi njengesitya sayo.
  • Kwiimeko apho isitya sibanzi kakhulu kunomfanekiso, umfanekiso uya kwandiswa ngokungeyomfuneko.

Izilumkiso

Yintoni abakhethi beCSS? Yintoni umahluko phakathi kweklasi kunye ne-id?Ezi tutorials zilandelayo zithetha ▼

Ingaba iwebhusayithi ephathwayo idlala njani ividiyo yeMP4 ehambelana nephepha?Nceda ucofe ikhonkco elingezantsi ▼

 

Ndiyathemba Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ekwabelwana ngayo "iphepha lewebhu HTML 5 umfanekiso oguqukayo isikrini img ikhowudi yokulinganisa yokulinganisa", eluncedo kuwe.

Wamkelekile ukwabelana ngekhonkco leli nqaku:https://www.chenweiliang.com/cwl-964.html

Ukuvula amaqhinga afihlakeleyo🔑, wamkelekile ukujoyina ijelo lethu leTelegram!

Yabelana kwaye uthande ukuba uyayithanda! Izabelo zakho kunye nezinto ozithandayo ziyinkuthazo yethu eqhubekayo!

 

Shiya uluvo

Idilesi yakho ye-imeyile ayizupapashwa. Iinkalo ezifunekayo zisetyenzisiwe * Ileyibheli

Skrolela phezulu