Sgrin addasol delwedd HTML 5 img cod graddio cyfrannol ar gyfer tudalen we HTML XNUMX

Oherwydd y Rhyngrwyd symudol ffyniannus,Wechat marchnataMae poblogrwydd ffonau symudol wedi dodBywydofferyn hanfodol.

adeiladu gwefantempled, argymhellir ei ddefnyddioWordPressThema addasol ar gyfer:

Beth mae addasydd delwedd CSS yn ei olygu?

Mae hunan-addasiad delwedd CSS yn cyfeirio at wneud y delweddau yn y dudalen we html, trwy god CSS:

Nesaf,Chen WeiliangByddaf yn rhannu cod graddio cyfrannol img CSS ^ _ ^ gyda chi

Cod addasol uchder a lled delwedd CSS

Mewnosod delwedd yn html:

Os ydych chi am i'r ddelwedd addasu i faint bach y sgrin yn lle aros yn sefydlog o ran lled ac uchder.

Gallwch ychwanegu'r cod canlynol at ffeil style.css eich thema WordPress ▼

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

datganiad ymamax-widthrheol lled uchaf

• i sicrhau bod pob delwedd yn cael ei harddangos ar uchafswm o 100% (h.y. dim ond mor fawr â'u delweddau eu hunain y gellir eu harddangos).
• Ar y pwynt hwn, os yw'r elfen sy'n cynnwys y ddelwedd (er enghraifft, y corff neu'r div sy'n cynnwys y ddelwedd) yn llai na lled cynhenid ​​​​y ddelwedd, bydd y ddelwedd yn cael ei graddio i lenwi'r gofod mwyaf sydd ar gael.

width:auto;yn golygu lled awtomatig

\9 Mae'n ffordd o ysgrifennu css darnia.

• Fel hyn, mae "\9" yn cael ei ychwanegu at y cod css arferol, dim ond porwr IE all ei adnabod, bydd porwyr eraill yn anwybyddu'r gosodiad hwn.
• Bydd hyn yn cyflawni gwahaniaethu porwr, gan alluogi pwrpas porwyr cydnaws.

Beth am ddefnyddio lled: 100%?

I gyflawni graddio delweddau yn awtomatig, gallwch hefyd ddefnyddio'r priodweddau lled a ddefnyddir yn fwy cyffredin, e.e.width：100％.

Fodd bynnag, nid yw'r rheol hon yn berthnasol yma.

• Oherwydd bydd y rheol hon yn gwneud iddo ymddangos mor eang â'i gynhwysydd.
• Mewn achosion lle mae'r cynhwysydd yn llawer ehangach na'r ddelwedd, bydd y ddelwedd yn cael ei hymestyn yn ddiangen.

注意 事项

Beth yw dewiswyr CSS? Beth yw'r gwahaniaeth rhwng dosbarth ac id?Mae'r tiwtorialau canlynol yn sôn am ▼

Beth yw'r gwahaniaeth rhwng dosbarth dewisydd CSS ac id? id a defnydd dosbarth yn HTML

Beth yw'r gwahaniaeth rhwng dosbarth dewisydd CSS ac id? Mae'r defnydd o id a dosbarth yn HTML Chen Weiliang ar hyn o bryd yn perfformio SEO ac yn optimeiddio thema WordPress y wefan.Er fy mod wedi dysgu rhywfaint o wybodaeth HTML a CSS sylfaenol o'r blaen, ond nid wyf wedi ei weithredu ers tro, yn enwedig y rhan CSS ...

Sut mae'r wefan symudol yn chwarae fideo MP4 addasol i'r dudalen?Cliciwch ar y ddolen isod ▼

Sut mae tudalen we H5 MP4 yn addasu i'r dudalen Mae gwefan symudol yn chwarae cod html fideo

Mae marchnata fideo yn rhan annatod o farchnata ar-lein: mae llawer o ymarferwyr hyrwyddo ar-lein yn aml yn defnyddio fideo wedi'i gyfuno â "marchnata firaol" i yrru traffig.Os cyfunir marchnata WeChat â marchnata fideo, gall wella cyfradd trosi ysgrifennu copi cyfryngau newydd ac e-fasnach gymdeithasol ymhellach.Mae gen i lawer o ffrindiau...