HTML 5 hoton daidaita allo img daidaitaccen lambar sikeli don shafin yanar gizon HTML XNUMX

Sakamakon bunkasuwar Intanet ta wayar salula.Tallace-tallacen WechatShahararriyar wayoyin hannu ya zamaRayuwakayan aiki dole ne.

gina gidan yanar gizosamfuri, ana bada shawarar yin amfani da shiWordPressJigon daidaitawa don:

Menene ma'anar daidaita hoton CSS?

CSS na daidaita hoton yana nufin yin hotuna a cikin shafin yanar gizon html, ta hanyar lambar CSS:

Na gaba,Chen WeiliangZan raba tare da ku CSS img proportional scaling code ^_^

Tsayin hoton CSS da lambar daidaitawa mai faɗi

Saka hoto a cikin html:

Idan kuna son hoton ya dace da ƙaramin girman allo maimakon tsayawa tsayin daka a faɗi da tsayi.

Kuna iya ƙara lambar mai zuwa zuwa fayil ɗin style.css na jigon WordPress ɗinku ▼

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

sanarwa a nanmax-widthmatsakaicin ka'idar nisa

• don tabbatar da cewa an nuna duk hotuna a iyakar 100% (watau ba za a iya nuna su da girma kamar nasu hotunan ba).
• A wannan lokacin, idan sinadarin da ke ɗauke da hoton (misali, jiki ko div ɗin da ke ɗauke da hoton) ya fi ƙanƙanta da faɗin hoton, za a miƙe hoton don cika iyakar sararin da ake da shi.

width:auto;yana nufin faɗin atomatik

\9 Hanya ce ta rubuta hack css.

• Ta wannan hanyar, ana ƙara "\9" zuwa lambar css ta al'ada, mai binciken IE ne kawai zai iya gane shi, sauran masu bincike za su yi watsi da wannan bayanin.
• Wannan zai cimma bambance-bambancen mai bincike, yana ba da damar maƙasudin masu bincike masu jituwa.

Me yasa ba'a amfani da faɗin: 100%?

Don cimma sikelin hotuna ta atomatik, kuna iya amfani da kaddarorin faɗin da aka fi amfani da su, misali.width：100％.

Duk da haka, wannan doka ba ta aiki a nan.

• Domin wannan ka'ida za ta sa ya zama fadi kamar kwanon sa.
• A cikin lokuta inda akwati ya fi girman hoto, za a shimfiɗa hoton ba dole ba.

Kariya

Menene masu zaɓin CSS? Menene bambanci tsakanin aji da id?Koyawa masu zuwa suna magana akan ▼

Menene bambanci tsakanin ajin zaɓen CSS da id? id da kuma amfani da aji a cikin HTML

Menene bambanci tsakanin ajin zaɓen CSS da id? Amfani da id da aji a HTML Chen Weiliang a halin yanzu yana aiwatar da SEO da haɓaka taken WordPress na gidan yanar gizon.Duk da cewa na koyi wasu asali na ilimin HTML da CSS, amma ban yi aiki da shi na ɗan lokaci ba, musamman ɓangaren CSS ...

Ta yaya gidan yanar gizon wayar hannu ke kunna bidiyo na bidiyo na MP4 wanda zai dace da shafin?Da fatan za a danna mahaɗin da ke ƙasa ▼

Ta yaya H5 gidan yanar gizon MP4 ya dace da shafin? Gidan yanar gizon wayar hannu yana kunna lambar html na bidiyo

Tallace-tallacen bidiyo wani bangare ne na tallace-tallacen kan layi: yawancin masu aikin tallata kan layi galibi suna amfani da bidiyo hade da “tallafin hoto” don fitar da zirga-zirga.Idan an haɗa tallan WeChat tare da tallace-tallacen bidiyo, zai iya ƙara haɓaka ƙimar canjin kwafin sabbin kafofin watsa labarai da kasuwancin e-commerce na zamantakewa.Ina da abokai da yawa...