HTML 5 bildeadaptiv skjerm img proporsjonal skaleringskode for nettside HTML XNUMX

På grunn av det blomstrende mobilt Internett,Wechat markedsføringPopulariteten til mobiltelefoner har blittlivetmå-ha verktøy.

bygge en nettsidemal, anbefales det å brukeWordPressTilpasset tema for:

Hva betyr CSS image adaptive?

CSS-bildetilpasning betyr å lage bildene på html-nettsiden, gjennom CSS-kode:

Neste,Chen WeiliangJeg vil dele med deg CSS img proporsjonal skaleringskode ^_^

CSS bilde høyde og bredde adaptiv kode

Sett inn bilde i html:

Hvis du vil at bildet skal tilpasse seg den lille størrelsen på skjermen i stedet for å holde seg fast i bredde og høyde.

Du kan legge til følgende kode i style.css-filen til WordPress-temaet ditt ▼

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

uttalelse hermax-widthregel for maksimal bredde

• for å sikre at alle bilder vises på maksimalt 100 % (dvs. de kan bare vises like store som deres egne bilder).
• På dette tidspunktet, hvis elementet som inneholder bildet (for eksempel kroppen eller div som inneholder bildet) er mindre enn bildets iboende bredde, vil bildet skaleres for å fylle maksimalt tilgjengelig plass.

width:auto;betyr automatisk bredde

\9 Det er en måte å skrive hack css på.

• På denne måten legges "\9" til den vanlige css-koden, bare IE-nettleseren kan gjenkjenne den, andre nettlesere vil ignorere denne uttalelsen.
• Dette vil oppnå nettleserdifferensiering, og muliggjøre formålet med kompatible nettlesere.

Hvorfor ikke bruke bredde: 100 %?

For å oppnå automatisk skalering av bilder kan du også bruke de mer vanlig brukte breddeegenskapene, f.eks.width：100％.

Denne regelen gjelder imidlertid ikke her.

• Fordi denne regelen vil få den til å virke like bred som beholderen.
• I tilfeller hvor beholderen er mye bredere enn bildet, vil bildet strekkes unødvendig.

forholdsregler

Hva er CSS-velgere? Hva er forskjellen mellom klasse og id?Følgende opplæringsprogrammer snakker om ▼

Hva er forskjellen mellom CSS-velgerklasse og id? id og klassebruk i HTML

Hva er forskjellen mellom CSS-velgerklasse og id? Bruken av id og klasse i HTML Chen Weiliang utfører for tiden SEO og optimaliserer WordPress-temaet på nettstedet.Selv om jeg har lært litt grunnleggende HTML- og CSS-kunnskap før, men jeg har ikke brukt det på en stund, spesielt CSS-delen...

Hvordan spiller mobilnettstedet MP4-video tilpasset siden?Vennligst klikk på lenken nedenfor ▼

Hvordan tilpasser H5 nettside MP4 seg til siden Mobilnettstedet spiller video html-kode

Videomarkedsføring er en integrert del av nettmarkedsføring: mange online markedsføringsutøvere bruker ofte video kombinert med "viral markedsføring" for å drive trafikk.Hvis WeChat-markedsføring kombineres med videomarkedsføring, kan det forbedre konverteringsraten for tekstforfatter til nye medier og sosial e-handel ytterligere.Jeg har mange venner...