HTML 5 attēla adaptīvā ekrāna img proporcionālās mērogošanas kods tīmekļa lapai HTML XNUMX

Pateicoties plaukstošajam mobilajam internetam,Wechat mārketingsMobilo tālruņu popularitāte ir kļuvusiDzīveobligāts instruments.

izveidot vietniveidni, ieteicams izmantotWordPressAdaptīvā tēma:

Ko nozīmē CSS attēla adaptīvs?

CSS attēlu adaptīvs līdzeklis, lai izveidotu attēlus html tīmekļa lapā, izmantojot CSS kodu:

Nākamais,Čens VeiliangsEs dalīšos ar jums CSS img proporcionālās mērogošanas kodu ^_^

CSS attēla augstuma un platuma adaptīvais kods

Ievietojiet attēlu html:

Ja vēlaties, lai attēls pielāgotos mazajam ekrāna izmēram, nevis paliktu fiksēts platumā un augstumā.

Varat pievienot tālāk norādīto kodu sava WordPress motīva failam style.css ▼

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

paziņojums šeitmax-widthmaksimālā platuma noteikums

• lai nodrošinātu, ka visi attēli tiek parādīti maksimāli 100% (t.i., tos var parādīt tikai tik lielus, cik lieli ir viņu pašu attēli).
• Ja šajā brīdī elements, kas satur attēlu (piemēram, pamatteksts vai div, kas satur attēlu), ir mazāks par attēla raksturīgo platumu, attēls tiks mērogots, lai aizpildītu maksimāli pieejamo vietu.

width:auto;nozīmē automātisku platumu

\9 Tas ir veids, kā rakstīt hack css.

• Tādā veidā "\9" tiek pievienots parastajam css kodam, to var atpazīt tikai IE pārlūkprogramma, citas pārlūkprogrammas ignorēs šo paziņojumu.
• Tādējādi tiks panākta pārlūkprogrammu diferenciācija, nodrošinot saderīgu pārlūkprogrammu mērķi.

Kāpēc neizmantot platumu: 100%?

Lai panāktu automātisku attēlu mērogošanu, varat izmantot arī biežāk lietotās platuma īpašības, piem.width：100％.

Tomēr šis noteikums šeit neattiecas.

• Jo šī noteikuma dēļ tas izskatīsies tikpat plats kā konteiners.
• Gadījumos, kad konteiners ir daudz platāks par attēlu, attēls tiks nevajadzīgi izstiepts.

注意 事项

Kas ir CSS atlasītāji? Kāda ir atšķirība starp klasi un ID?Šajās pamācībās ir runāts par ▼

Kāda ir atšķirība starp CSS atlasītāja klasi un id? ID un klases lietojums HTML

Kāda ir atšķirība starp CSS atlasītāja klasi un id? ID un klases izmantošana HTML formātā Chen Weiliang pašlaik veic SEO un optimizē vietnes WordPress tēmu.Kaut arī iepriekš esmu apguvis dažas HTML un CSS pamatzināšanas, taču kādu laiku neesmu ar tām nodarbojies, īpaši CSS daļu...

Kā pielāgot lapu MP4 video atskaņošanai mobilajā vietnē?Lūdzu, noklikšķiniet uz tālāk esošās saites ▼

Kā H5 tīmekļa lapa MP4 pielāgojas lapai Mobilā vietne atskaņo video html kodu

Video mārketings ir tiešsaistes mārketinga neatņemama sastāvdaļa: daudzi tiešsaistes veicināšanas speciālisti bieži izmanto video kopā ar "vīrusu mārketingu", lai veicinātu trafiku.Ja WeChat mārketingu apvieno ar video mārketingu, tas var vēl vairāk uzlabot jauno mediju un sociālās e-komercijas tekstu rakstīšanas reklāmguvumu līmeni.Man ir daudz draugu...