HTML 5 image adaptive screen img proportional scaling code for webpage HTML XNUMX

Ka lebaka la marang-rang a marang-rang a marang-rang,Wechat marketingHo tsebahala ha liselefouno ho fetohileBophelosesebediswa se tlamehang ho ba le.

haha sebaka sa marang-rangtemplate, ho kgothaletswa ho e sebelisaWordpressTheme e ikamahanyang le maemo bakeng sa:

Ho fetola setšoantšo sa CSS ho bolela'ng?

Ho ikamahanya le setšoantšo sa CSS ho bolela ho etsa litšoantšo leqepheng la webo la html, ka khoutu ea CSS:

E 'ngoe,Chen WeiliangKe tla arolelana le uena CSS img proportional scaling code ^_^

Boemo ba setšoantšo sa CSS le khoutu e feto-fetohang ea bophara

Kenya setšoantšo ho html:

Haeba u batla hore setšoantšo se ikamahanye le boholo bo bonyenyane ba skrine ho e-na le hore se lule se tsitsitse ka bophara le bophahamo.

U ka eketsa khoutu e latelang ho file ea style.css ea sehlooho sa hau sa WordPress ▼

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

polelo monamax-widthmolao oa bophara bo boholo

• ho etsa bonnete ba hore litšoantšo tsohle li hlahisoa ka boholo ba 100% (ke hore, li ka hlahisoa feela ka boholo joalo ka litšoantšo tsa tsona).
• Mothating ona, haeba element e nang le setšoantšo (mohlala, 'mele kapa div e nang le setšoantšo) e le nyane ho feta bophara ba setšoantšo sa tlhaho, setšoantšo se tla eketsoa ho tlatsa boholo bo fumanehang.

width:auto;e bolela bophara bo itekanetseng

\9 Ke mokhoa oa ho ngola hack css.

• Ka tsela ena, "\9" e eketsoa ho khoutu e tloaelehileng ea css, ke sebatli sa IE feela se ka e tsebang, libatli tse ling li tla hlokomoloha polelo ena.
• Sena se tla fihlela phapang ea sebatli, se nolofalletsang sepheo sa li-browser tse lumellanang.

Ke hobane'ng ha u sa sebelise bophara: 100%?

Ho finyella ho lekanya ka mokhoa o itekanetseng oa litšoantšo, u ka boela ua sebelisa thepa ea bophara e sebelisoang hangata, mohlala.width：100％.

Leha ho le joalo, molao ona ha o sebetse mona.

• Hobane molao ona o tla etsa hore e bonahale e le bophara joaloka setshelo sa eona.
• Maemong ao setshelo se leng sephara haholo ho feta setšoantšo, setšoantšo se tla otlolloa ho sa hlokahale.

Litlhokomelo

Bakhethoa ba CSS ke eng? Phapano ke efe lipakeng tsa sehlopha le id?Lithuto tse latelang li bua ka ▼

Phapano ke efe lipakeng tsa sehlopha sa khethang sa CSS le id? id le tšebeliso ea sehlopha ho HTML

Phapano ke efe lipakeng tsa sehlopha sa khethang sa CSS le id? Ts'ebeliso ea id le sehlopha ho HTML Chen Weiliang hajoale e ntse e etsa SEO le ho ntlafatsa sehlooho sa WordPress sa sebaka sa marang-rang.Le hoja ke ithutile tsebo ea motheo ea HTML le CSS pele, empa ha ke e-s'o e sebelise nakoana, haholo-holo karolo ea CSS ...

Webosaete ea mobile e bapala video ea MP4 joang e ipapisitse le leqephe?Ka kopo, tobetsa sehokelo se ka tlase ▼

H5 webpage MP4 e ikamahanya le leqephe joang?

Papatso ea livideo ke karolo ea bohlokoa ea ho bapatsa marang-rang: hangata litsebi tse ngata tsa papatso ea inthaneteng li sebelisa video e kopantsoeng le "papatso ea vaerase" ho tsamaisa sephethephethe.Haeba papatso ea WeChat e kopantsoe le papatso ea livideo, e ka ntlafatsa le ho feta sekhahla sa phetoho ea likopi tsa mecha ea litaba e mecha le e-commerce ea sechaba.Ke na le metsoalle e mengata...