HTML 5 image adaptive screen img proportional scaling code yewebhu peji HTML XNUMX

Nekuda kwekuwanda kuri kuita nharembozha Internet,Wechat marketingKukurumbira kwenharembozha kwaveHupenyuunofanira-kuva nechishandiso.

kuvaka webhusaititemplate, inokurudzirwa kushandisaWordPressAdaptive theme ye:

Chii chinorehwa neCSS mufananidzo adaptive?

CSS mufananidzo wega-adaptation unoreva kugadzira mifananidzo iri muhtml peji rewebhu, kuburikidza neCSS kodhi:

Tevere,Chen WeiliangIni ndichagovera newe CSS img proportional scaling kodhi ^ _^

CSS mufananidzo urefu uye upamhi adaptive kodhi

Isa mufananidzo muhtml:

Kana iwe uchida kuti mufananidzo wacho uenderane kune diki saizi yechidzitiro pane kugara wakagadzika muhupamhi uye kureba.

Iwe unogona kuwedzera iyo inotevera kodhi kune style.css faira yeWordPress theme ▼

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

statement panomax-widthmutemo wehupamhi hwepamusoro

• kuve nechokwadi chekuti mifananidzo yese inoratidzwa pahupamhi hwe100% (i.e. inogona kungoratidzwa yakakura semifananidzo yavo).
• Panguva ino, kana chinhu chine mufananidzo (semuenzaniso, muviri kana div ine mufananidzo) idiki pane hupamhi hwechimiro chemufananidzo, mufananidzo unozoyerwa kuti uzadze iyo yakawanda iripo nzvimbo.

width:auto;zvinoreva hupamhi otomatiki

\9 Iyo inzira yekunyora hack css.

• Nenzira iyi, "\ 9" inowedzerwa kune yakajairwa css kodhi, chete IE browser inogona kuzviziva, mamwe mabhurawuza anofuratira ichi chirevo.
• Izvi zvichawana mutsauko webrowser, zvichigonesa chinangwa chemabhurawuza anoenderana.

Wadii kushandisa hupamhi: 100%?

Kuti uwane otomatiki kuyera kwemifananidzo, unogona zvakare kushandisa anowanzo shandiswa hupamhi zvivakwa, semuenzaniso.width：100％.

Zvisinei, mutemo uyu haushandi pano.

• Nekuti mutemo uyu uchaita kuti ioneke yakafara segaba rayo.
• Mumamiriro ezvinhu apo mudziyo wakafara zvikuru kupfuura mufananidzo, mufananidzo wacho uchatambanudzwa zvisingakoshi.

Kuchenjerera

Chii chinonzi CSS selectors? Ndeupi musiyano uripo pakati pekirasi neid?Dzidziso dzinotevera dzinotaura nezve ▼

Ndeupi musiyano uripo pakati peCSS selector kirasi uye id? id uye kushandiswa kwekirasi muHTML

Ndeupi musiyano uripo pakati peCSS selector kirasi uye id? Iko kushandiswa kweid uye kirasi muHTML Chen Weiliang parizvino kuita SEO uye nekugadzirisa iyo WordPress theme yewebhusaiti.Kunyangwe ndakadzidza imwe yakakosha HTML neCSS ruzivo kare, asi ini handina kuishandisa kwechinguva, kunyanya chikamu cheCSS...

Iyo nharembozha webhusaiti inotamba sei MP4 vhidhiyo inochinjika kune peji?Ndokumbira tinya iyi link iripazasi ▼

H5 peji rewebhu MP4 rinoenderana sei nepeji?Mobile webhusaiti inotamba vhidhiyo html code

Kushambadzira kwevhidhiyo chinhu chakakosha chekushambadzira kwepamhepo: vazhinji vevashandisi vekusimudzira pamhepo vanowanzoshandisa vhidhiyo yakasanganiswa ne "viral marketing" kutyaira traffic.Kana WeChat kushambadzira yakasanganiswa nekushambadzira kwevhidhiyo, inogona kuwedzera kuvandudza kopi yekushandura chiyero chemidhiya mitsva uye magariro e-commerce.Ndine shamwari dzakawanda...