HTML 5 slikovno prilagodljiv zaslon img proporcionalna koda za spreminjanje velikosti za spletno stran HTML XNUMX

Zaradi razcveta mobilnega interneta,WeChat MarketingPriljubljenost mobilnih telefonov je postalaŽivljenjeorodje, ki ga morate imeti.

zgraditi spletno stranpredlogo, priporočamo uporaboWordPressPrilagodljiva tema za:

Kaj pomeni prilagodljivost slike CSS?

Samoprilagoditev slike CSS se nanaša na izdelavo slik na spletni strani html s kodo CSS:

Naslednji,Chen WeiliangZ vami bom delil kodo za proporcionalno spreminjanje velikosti slike CSS ^_^

Koda za prilagajanje višine in širine slike CSS

Vstavi sliko v html:

Če želite, da se slika prilagodi majhni velikosti zaslona, ​​namesto da ostane fiksna po širini in višini.

Naslednjo kodo lahko dodate v datoteko style.css svoje teme WordPress ▼

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

izjava tukajmax-widthpravilo največje širine

• da zagotovijo, da so vse slike prikazane največ 100 % (tj. prikazane so lahko le tako velike kot njihove lastne slike).
• Če je na tej točki element, ki vsebuje sliko (na primer telo ali div, ki vsebuje sliko), manjši od inherentne širine slike, bo slika pomanjšana, da zapolni največji razpoložljivi prostor.

width:auto;pomeni samodejno širino

\9 Je način pisanja hack css.

• Na ta način je "\9" dodan običajni kodi css, samo brskalnik IE ga lahko prepozna, drugi brskalniki bodo to izjavo prezrli.
• To bo doseglo razlikovanje brskalnikov, kar bo omogočilo namen združljivih brskalnikov.

Zakaj ne bi uporabili širine: 100 %?

Če želite doseči samodejno skaliranje slik, lahko uporabite tudi bolj pogosto uporabljene lastnosti širine, npr.width：100％.

Vendar to pravilo tukaj ne velja.

• Ker bo zaradi tega pravila videti tako širok kot njegova posoda.
• V primerih, ko je vsebnik veliko širši od slike, bo slika po nepotrebnem raztegnjena.

注意 事项

Kaj so izbirniki CSS? Kakšna je razlika med razredom in id-jem?Naslednje vadnice govorijo o ▼

Kakšna je razlika med razredom izbirnika CSS in id-jem? id in uporaba razreda v HTML

Kakšna je razlika med razredom izbirnika CSS in id-jem? Uporaba ID-ja in razreda v HTML-ju Chen Weiliang trenutno izvaja SEO in optimizira WordPress temo spletnega mesta.Čeprav sem se že prej naučil nekaj osnovnega znanja o HTML in CSS, pa že nekaj časa nisem upravljal z njim, še posebej z delom CSS ...

Kako mobilno spletno mesto predvaja video MP4, ki se prilagaja strani?Kliknite spodnjo povezavo ▼

Kako se H5 spletna stran MP4 prilagaja strani?Mobilna spletna stran predvaja video html kodo

Video trženje je sestavni del spletnega trženja: številni strokovnjaki za spletno promocijo pogosto uporabljajo video v kombinaciji z "virusnim trženjem" za spodbujanje prometa.Če trženje WeChat kombiniramo z video trženjem, lahko še izboljšamo stopnjo konverzije pisanja besedil v novih medijih in družbenem e-trgovini.Imam veliko prijateljev...