HTML 5 irudiaren pantaila moldagarria img eskalatze proportzionaleko kodea HTML XNUMX web orrialderako

Internet mugikorraren gorakada dela eta,Wechat marketinaTelefono mugikorren ospea bihurtu daLifebeharrezko tresna.

webgune bat eraikitxantiloia erabiltzea gomendatzen daWordPressGai egokitzailea:

Zer esan nahi du CSS irudi moldagarriak?

CSS irudi moldagarriak html web orrian irudiak egitea esan nahi du, CSS kodearen bidez:

Hurrengoa,Chen WeiliangZurekin partekatuko dut CSS img eskalatze proportzionaleko kodea ^_^

CSS irudiaren altuera eta zabalera egokitzeko kodea

Txertatu irudia html-n:

Irudia zabaleran eta altueran finko egon beharrean pantailaren tamaina txikira egokitzea nahi baduzu.

Kode hau gehi dezakezu zure WordPress gaiaren style.css fitxategian ▼

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

adierazpena hemenmax-widthgehienezko zabalera araua

• irudi guztiak gehienez % 100ean bistaratzen direla ziurtatzeko (hau da, beren irudiak bezain handiak soilik bistaratu daitezke).
• Une honetan, irudia duen elementua (adibidez, irudia duen gorputza edo div-a) irudiaren berezko zabalera baino txikiagoa bada, irudia eskalatuko da gehienez dagoen espazioa betetzeko.

width:auto;zabalera automatikoa esan nahi du

\9 Hack css idazteko modu bat da.

• Modu honetan, "\9" css kode arruntari gehitzen zaio, IE arakatzaileak bakarrik ezagutu dezake, beste nabigatzaile batzuek adierazpen hau baztertuko dute.
• Honek arakatzaileen bereizketa lortuko du, nabigatzaile bateragarrien helburua ahalbidetuz.

Zergatik ez erabili zabalera: %100?

Irudien eskalatze automatikoa lortzeko, erabili ohi diren zabalera-propietateak ere erabil ditzakezu, adibidez.width：100％.

Hala ere, arau hau ez da aplikatzen hemen.

• Arau honek bere edukiontzia bezain zabala agertuko duelako.
• Ontzia irudia baino askoz zabalagoa den kasuetan, irudia beharrik gabe luzatuko da.

注意 事项

Zer dira CSS hautatzaileak? Zein da klasearen eta idaren arteko aldea?Ondorengo tutorialek ▼-ri buruz hitz egiten dute

Zein da CSS hautatzaile klasearen eta idaren arteko aldea? id eta klaseen erabilera HTMLn

Zein da CSS hautatzaile klasearen eta idaren arteko aldea? Id eta klasearen erabilera HTML Chen Weiliang-en SEOa egiten ari da eta webguneko WordPress gaia optimizatzen ari da.Lehenago HTML eta CSS oinarrizko ezagutza batzuk ikasi baditut ere, baina denbora luzez ez dut funtzionatu, batez ere CSS zatia...

Nola egokitu orria mugikorreko webgunean MP4 bideoa erreproduzitzeko?Mesedez, egin klik beheko estekan ▼

Nola egokitzen da H5 web orria MP4 orrira? Mugikorreko webguneak bideoaren html kodea erreproduzitzen du

Bideo marketina lineako marketinaren zati bat da: lineako sustapen profesional askok askotan erabiltzen dute bideoa "marketin biralarekin" konbinatuta trafikoa bideratzeko.WeChat marketina bideo-marketinarekin konbinatzen bada, are gehiago hobetu dezake komunikabide berrien eta merkataritza elektroniko sozialen copywriting bihurketa-tasa.Lagun asko ditut...