Sgrion atharrachail ìomhaigh HTML 5 img còd meudachaidh co-roinneil airson duilleag-lìn HTML XNUMX

Mar thoradh air an eadar-lìn gluasadach gluasadach,Margaidheachd WeChatTha fèill mhòr air fònaichean-làimheBeathainneal riatanach.

làrach-lìn a chruthachadhteamplaid, thathar a 'moladh a chleachdadhWordPressCuspair freagarrach airson:

  • Mura do rinn an leasaiche cuspair WordPress an scrion atharrachail ìomhaigh HTML 5 gu math nuair a bha e a’ dealbhadh duilleag cuspair WordPress ...
  • Le bhith a’ brobhsadh an làrach-lìn air inneal gluasadach, bidh gluasad dhealbhan gu math grànda ann, agus tha eòlas an neach-cleachdaidh gu math truagh!

Dè a tha atharrachadh ìomhaigh CSS a’ ciallachadh?

Sgrion atharrachail ìomhaigh HTML 5 img còd meudachaidh co-roinneil airson duilleag-lìn HTML XNUMX

Tha fèin-atharrachadh ìomhaigh CSS a’ toirt iomradh air a bhith a’ dèanamh na h-ìomhaighean air duilleag-lìn html, tro chòd CSS:

  • Dèan atharrachadh gu fèin-ghluasadach air leud agus àirde diofar innealan.
  • Tha an taga img air a sgèile gu fèin-ghluasadach gu co-rèireach.

An ath rud,Chen WeiliangRoinnidh mi riut còd sgèileadh co-roinneil CSS img ^ _ ^

Còd atharrachail àirde is leud ìomhaigh CSS

Cuir a-steach dealbh ann an html:

Ma tha thu airson gum bi an ìomhaigh ag atharrachadh gu meud beag an sgrion an àite a bhith stèidhichte ann an leud is àirde.

Faodaidh tu an còd a leanas a chur ris an fhaidhle style.css den chuspair WordPress agad ▼

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

aithris an seomax-widthriaghailt leud as àirde

  • gus dèanamh cinnteach gu bheil na h-ìomhaighean uile air an taisbeanadh aig 100% aig a’ char as àirde (i.e. chan urrainnear an taisbeanadh ach cho mòr ris na h-ìomhaighean aca fhèin).
  • Aig an ìre seo, ma tha an eileamaid anns a bheil an ìomhaigh (mar eisimpleir, an corp no an div anns a bheil an ìomhaigh) nas lugha na leud gnèitheach an ìomhaigh, thèid an ìomhaigh a sgèileadh gus an àite as motha a tha ri fhaighinn a lìonadh.

width:auto;a 'ciallachadh leud fèin-ghluasadach

\9 Tha e na dhòigh air hack css a sgrìobhadh.

  • San dòigh seo, thèid "\9" a chur ris a' chòd css àbhaisteach, chan aithnich ach brobhsair IE e, bheir brobhsairean eile an aire don aithris seo.
  • Coileanaidh seo eadar-dhealachadh brabhsair, a’ comasachadh adhbhar brobhsairean co-fhreagarrach.

Carson nach cleachd thu leud: 100%?

Gus sgèileadh fèin-ghluasadach de dhealbhan a choileanadh, faodaidh tu cuideachd na feartan leud as cumanta a chleachdadh, me.width:100%.

Ach, chan eil an riaghailt seo a 'buntainn an seo.

  • Oir bheir an riaghailt seo air nochdadh cho farsaing ris a’ ghobhar aige.
  • Ann an cùisean far a bheil an soitheach tòrr nas fharsainge na an ìomhaigh, thèid an ìomhaigh a shìneadh gun fheum.

Ro-chùram

Dè a th’ ann an luchd-taghaidh CSS? Dè an diofar eadar clas agus id?Tha na clasaichean oideachaidh a leanas a’ bruidhinn air ▼

Ciamar a chluicheas an làrach-lìn gluasadach bhidio MP4 a tha freagarrach don duilleag?Feuch an cliog thu air a’ cheangal gu h-ìosal ▼

 

发表 评论

Cha tèid do sheòladh puist-d fhoillseachadh. 必填 项 已 用 * Label

Rach gu mhullaich