HTML 5 myndaðlögunarskjár img hlutfallsstærðarkóði fyrir vefsíðu HTML XNUMX

Vegna uppsveiflu farsímanetsins,Wechat markaðssetningVinsældir farsíma hafa orðiðLífiðómissandi verkfæri.

Byggja stöðsniðmát, er mælt með því að notaWordPressAðlögunarþema fyrir:

Hvað þýðir CSS myndaðlögunarhæfni?

CSS myndaðlögun þýðir að gera myndirnar á html vefsíðunni með CSS kóða:

Næst,Chen WeiliangÉg mun deila með þér CSS img hlutfallsstærðarkóðann ^_^

CSS mynd hæð og breidd aðlögunarkóði

Setja inn mynd í html:

Ef þú vilt að myndin lagist að smæð skjásins í stað þess að vera föst í breidd og hæð.

Þú getur bætt eftirfarandi kóða við style.css skrána í WordPress þemanu þínu ▼

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

yfirlýsingu hérmax-widthregla um hámarksbreidd

• til að tryggja að allar myndir séu birtar að hámarki 100% (þ.e. þær geta aðeins verið birtar eins stórar og þeirra eigin myndir).
• Á þessum tímapunkti, ef þátturinn sem inniheldur myndina (til dæmis meginmálið eða divið sem inniheldur myndina) er minni en eðlislæg breidd myndarinnar, verður myndin stækkuð til að fylla hámarks pláss sem er tiltækt.

width:auto;þýðir sjálfvirk breidd

\9 Það er leið til að skrifa hack css.

• Þannig er "\9" bætt við venjulegan css kóða, aðeins IE vafri getur þekkt hann, aðrir vafrar munu hunsa þessa fullyrðingu.
• Þetta mun ná aðgreiningu vafra, sem gerir tilgangi samhæfra vafra kleift.

Af hverju ekki að nota breidd: 100%?

Til að ná sjálfvirkri stærðarstærð mynda er einnig hægt að nota þá breiddareiginleika sem oftast eru notaðir, t.d.width：100％.

Þessi regla á þó ekki við hér.

• Vegna þess að þessi regla mun láta það líta út eins breitt og ílátið.
• Í þeim tilvikum þar sem ílátið er miklu breiðari en myndin verður myndin teygð að óþörfu.

注意 事项

Hvað eru CSS veljarar? Hver er munurinn á flokki og auðkenni?Eftirfarandi kennsluefni tala um ▼

Hver er munurinn á CSS valflokki og auðkenni? auðkenni og bekkjanotkun í HTML

Hver er munurinn á CSS valflokki og auðkenni? Notkun auðkennis og flokks í HTML Chen Weiliang er um þessar mundir að framkvæma SEO og fínstilla WordPress þema vefsíðunnar.Þó að ég hafi lært grunnþekkingu á HTML og CSS áður, en ég hef ekki notað hana í nokkurn tíma, sérstaklega CSS hlutann...

Hvernig spilar farsímavefsíðan MP4 myndbönd sem aðlagast síðunni?Vinsamlegast smelltu á hlekkinn hér að neðan ▼

Hvernig lagast H5 vefsíðan MP4 að síðunni? Farsímavef spilar HTML-myndkóða

Vídeómarkaðssetning er óaðskiljanlegur hluti af markaðssetningu á netinu: Margir iðkendur kynningar á netinu nota oft myndband ásamt „veirumarkaðssetningu“ til að auka umferð.Ef WeChat markaðssetning er sameinuð myndbandsmarkaðssetningu getur það bætt enn frekar viðskiptahlutfall auglýsingatextahöfundar nýrra miðla og félagslegra rafrænna viðskipta.Ég á marga vini...