HTML 5 duab adaptive screen img proportional scaling code rau webpage HTML XNUMX

Vim muaj kev loj hlob ntawm mobile Internet,Wechat kev lag luamQhov nrov ntawm cov xov tooj ntawm tes tau dhau losLub Neejyuav tsum muaj cuab yeej.

tsim lub vev xaibtemplate, nws yog pom zoo kom sivWordPressAdaptive ntsiab lus rau:

CSS duab adaptive txhais li cas?

CSS duab adaptive txhais tau tias ua cov duab hauv html nplooj ntawv web, los ntawm CSS code:

Ntxiv mus,Chen WeiliangKuv yuav qhia rau koj txog CSS img proportional scaling code ^_^

CSS duab qhov siab thiab qhov dav adaptive code

Ntxig duab hauv html:

Yog tias koj xav kom cov duab hloov mus rau qhov me me ntawm qhov screen es tsis txhob nyob ruaj hauv qhov dav thiab qhov siab.

Koj tuaj yeem ntxiv cov lej hauv qab no rau cov ntaub ntawv style.css ntawm koj lub ntsiab lus WordPress ▼

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

nqe lus ntawm nomax-widthtxoj cai dav dav

• los xyuas kom meej tias tag nrho cov duab tso tawm kom pom qhov siab tshaj 100% (piv txwv li lawv tsuas tuaj yeem tso tawm kom pom loj npaum li lawv tus kheej cov duab).
• Ntawm no, yog tias lub caij uas muaj cov duab (piv txwv li, lub cev lossis div uas muaj cov duab) me dua qhov dav ntawm daim duab, cov duab yuav raug ntsuas kom sau qhov siab tshaj plaws muaj qhov chaw.

width:auto;txhais tau tias tsis siv neeg dav

\9 Nws yog ib txoj hauv kev sau ntawv hack css.

• Nyob rau hauv txoj kev no, "\ 9" yog ntxiv rau ib txwm css code, tsuas yog IE browser tuaj yeem paub nws, lwm tus browsers yuav tsis quav ntsej cov lus no.
• Qhov no yuav ua tiav qhov sib txawv ntawm qhov browser, ua kom lub hom phiaj ntawm cov browser sib xws.

Vim li cas ho tsis siv dav: 100%?

Txhawm rau kom ua tiav qhov ntsuas tsis siv neeg ntawm cov duab, koj tuaj yeem siv cov khoom siv dav dav, piv txwv li.width：100％.

Txawm li cas los xij, txoj cai no tsis siv ntawm no.

• Vim tias txoj cai no yuav ua rau nws pom dav li nws lub thawv.
• Nyob rau hauv rooj plaub uas lub thawv yog dav dua li daim duab, cov duab yuav ncab yam tsis tsim nyog.

Ceev faj

CSS selectors yog dab tsi? Qhov txawv ntawm chav kawm thiab id yog dab tsi?Cov kev qhia hauv qab no tham txog ▼

Dab tsi yog qhov txawv ntawm CSS selector class thiab id? id thiab chav kawm siv hauv HTML

Dab tsi yog qhov txawv ntawm CSS selector class thiab id? Kev siv id thiab chav kawm hauv HTML Chen Weiliang tam sim no ua SEO thiab ua kom zoo rau WordPress ntsiab ntawm lub vev xaib.Txawm hais tias kuv tau kawm qee qhov kev paub HTML thiab CSS ua ntej, tab sis kuv tsis tau ua haujlwm rau ib ntus, tshwj xeeb yog CSS feem ...

Lub vev xaib mobile ua si MP4 video hloov mus rau nplooj ntawv li cas?Thov nias qhov link hauv qab no ▼

H5 webpage MP4 hloov mus rau nplooj ntawv li cas? Mobile website plays video html code

Kev lag luam yeeb yaj kiab yog ib feem tseem ceeb ntawm kev lag luam online: ntau tus kws tshaj lij hauv online feem ntau siv cov yeeb yaj kiab ua ke nrog "kev lag luam kis" los tsav tsheb.Yog tias WeChat kev lag luam ua ke nrog kev lag luam video, nws tuaj yeem txhim kho qhov hloov pauv hloov pauv ntawm kev tshaj tawm tshiab thiab kev lag luam e-lag luam.kuv muaj phooj ywg coob...