HTML 5 Bild adaptiven Écran img proportional Skaléierungscode fir Websäit HTML XNUMX

Wéinst der boomende Entwécklung vum mobilen Internet,Wechat MarketingMat der Popularitéit vun Handyen sinn Handyen ginnLiewenE Must-Have Tool.

eng Websäit bauenSchabloun, ass et recommandéiert ze benotzenWordPressAdaptive Themen fir:

Wat heescht CSS Bild adaptiv?

CSS Bildadaptatioun bezitt sech op Biller op HTML Websäiten ze maachen, déi duerch CSS Code implementéiert ginn:

NächstChen WeiliangEch deelen mat Iech den CSS img proportional Skaléierungscode ^_^

CSS Bild Héicht a Breet adaptiven Code

Foto an HTML setzen:

Wann Dir wëllt datt d'Bild un d'Gréisst vum Bildschierm upassen, anstatt an der Breet an der Héicht fixéiert ze bleiwen.

Dir kënnt de folgende Code op Är WordPress Thema's style.css Datei ▼ addéieren

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

Ausso heimax-widthmaximal Breet Regel

• fir sécherzestellen, datt all Biller op maximal 100% ugewise ginn (d.h. si kënnen nëmmen esou grouss wéi d'Bild selwer ugewise ginn).
• Zu dësem Zäitpunkt, wann d'Element dat d'Bild enthält (zum Beispill de Kierper oder d'Div mat dem Bild) méi kleng ass wéi déi inherent Breet vum Bild, gëtt d'Bild skaléiert fir de maximal verfügbare Raum ze fëllen.

width:auto;heescht automatesch Breet

\9 Et ass e Wee fir Hack CSS ze schreiwen.

• Dës Method füügt "\9" un den ordinäre css-Code derbäi. Nëmmen den IE Browser kann et erkennen, aner Browser ignoréieren dës Ausso.
• Dëst wäert Browser Differenzéierung erreechen an den Zweck vun kompatiblen Browser aktivéieren.

Firwat net Breet benotzen: 100%?

Fir automatesch Skaléierung vu Biller z'erreechen, kënnt Dir och de méi allgemeng benotzte Breetattribut benotzen, wéi z.width：100％.

Allerdéngs gëllt dës Regel net hei.

• Well dës Regel mécht et esou breet wéi säi Container.
• A Fäll wou de Container vill méi breed ass wéi d'Bild, gëtt d'Bild onnéideg gestreckt.

Precautiounen

Wat sinn CSS Selektoren? Wat ass den Ënnerscheed tëscht Klass an ID? Déi folgend Tutorial wäert doriwwer schwätzen ▼

Wat ass den Ënnerscheed tëscht CSS Selektor Klass an ID? id a Klass Benotzung an HTML

Wat ass den Ënnerscheed tëscht CSS Selektor Klass an ID? D'Benotzung vun ID a Klass an HTML Chen Weiliang huet viru kuerzem SEO gemaach an d'WordPress Thema vun der Websäit optiméiert. Och wann ech e puer Basis HTML an CSS Wësse virdru geléiert hunn, hunn ech et eng Zäit laang net operéiert, besonnesch den CSS Deel ...

Wéi d'Säit unzepassen wann Dir MP4 Videoen op enger mobiler Websäit spillt? Klickt w.e.g. op de Link hei ënnen ▼

Wéi passt H5 Websäit MP4 un d'Säit un? Mobile Websäit spillt Video HTML Code

Video Marketing ass en integralen Deel vum Online Marketing: vill Online Promotiounspraktiker benotzen dacks Videoe kombinéiert mat "virale Marketing" fir Traffic unzezéien. Wann WeChat Marketing mat Video Marketing kombinéiert ass, kann et d'Copywriting Konversiounsquote vun neie Medien a sozialen E-Commerce weider verbesseren. Ech hu vill Frënn ...