Webbsida HTML 5 image adaptive screen img proportionell skalningskod

På grund av det växande mobila internet,WeChat MarketingPopulariteten för mobiltelefoner har blivitLifeett måste-ha verktyg.

bygga en webbplatsmall, rekommenderas att användaWordpressAdaptivt tema för:

Vad betyder CSS image adaptive?

CSS-bildanpassning innebär att göra bilderna på html-webbsidan, genom CSS-kod:

Nästa,Chen WeiliangJag kommer att dela med dig CSS img proportionell skalningskod ^_^

CSS-bild höjd och bredd adaptiv kod

Infoga bild i html:

Om du vill att bilden ska anpassa sig till skärmens lilla storlek istället för att hålla sig fast i bredd och höjd.

Du kan lägga till följande kod till filen style.css för ditt WordPress-tema ▼

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

uttalande härmax-widthregel för maximal bredd

• för att säkerställa att alla bilder visas till max 100 % (dvs. de kan bara visas lika stora som deras egna bilder).
• Vid denna tidpunkt, om elementet som innehåller bilden (till exempel kroppen eller div som innehåller bilden) är mindre än bildens inneboende bredd, skalas bilden för att fylla det maximala tillgängliga utrymmet.

width:auto;betyder automatisk bredd

\9 Det är ett sätt att skriva hack css.

• På detta sätt läggs "\9" till den normala css-koden, bara IE-webbläsaren kan känna igen den, andra webbläsare kommer att ignorera detta uttalande.
• Detta kommer att uppnå webbläsardifferentiering, vilket möjliggör syftet med kompatibla webbläsare.

Varför inte använda bredd: 100%?

För att uppnå automatisk skalning av bilder kan du även använda de mer vanligt använda breddegenskaperna, t.ex.width：100％.

Denna regel gäller dock inte här.

• Eftersom den här regeln kommer att få den att se lika bred ut som behållaren.
• I de fall behållaren är mycket bredare än bilden kommer bilden att sträckas ut i onödan.

注意 事项

Vad är CSS-väljare? Vad är skillnaden mellan klass och id?Följande handledningar talar om ▼

Vad är skillnaden mellan CSS-väljarklass och id? id och klassanvändning i HTML

Vad är skillnaden mellan CSS-väljarklass och id? Användningen av id och klass i HTML Chen Weiliang utför för närvarande SEO och optimerar WordPress-temat på webbplatsen.Även om jag har lärt mig en del grundläggande HTML- och CSS-kunskaper tidigare, men jag har inte använt det på ett tag, speciellt CSS-delen...

Hur spelar den mobila webbplatsen upp MP4-video anpassad till sidan?Klicka på länken nedan ▼

Hur anpassar sig H5-webbsidan MP4 till sidan Mobilwebbplatsen spelar video-html-kod

Videomarknadsföring är en integrerad del av onlinemarknadsföring: många onlinemarknadsföringsutövare använder ofta video i kombination med "viral marknadsföring" för att driva trafik.Om WeChat-marknadsföring kombineras med videomarknadsföring kan det ytterligare förbättra copywriting-konverteringsgraden för nya medier och social e-handel.Jag har många vänner...