Skrini ya HTML 5 inayojirekebisha ya picha img msimbo sawia wa kuongeza ukurasa wa HTML XNUMX

Kutokana na kushamiri kwa mtandao wa rununu,Uuzaji wa WechatUmaarufu wa simu za rununu umekuwaMaishachombo cha lazima.

tengeneza tovutitemplate, inashauriwa kutumiaWordPressMandhari ya kubadilika kwa:

Je, urekebishaji wa picha ya CSS unamaanisha nini?

Kurekebisha picha ya CSS kunamaanisha kutengeneza picha kwenye ukurasa wa wavuti wa html, kupitia nambari ya CSS:

Ifuatayo,Chen WeiliangNitashiriki nawe msimbo wa kuongeza uwiano wa CSS img ^_^

Urefu wa picha ya CSS na msimbo unaoweza kubadilika wa upana

Ingiza picha katika html:

Ikiwa unataka picha iendane na saizi ndogo ya skrini badala ya kubaki kwa upana na urefu.

Unaweza kuongeza msimbo ufuatao kwenye faili ya style.css ya mandhari yako ya WordPress ▼

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

kauli hapamax-widthsheria ya upana wa juu

• ili kuhakikisha kuwa picha zote zinaonyeshwa kwa upeo wa 100% (yaani, zinaweza tu kuonyeshwa kwa ukubwa kama picha zao wenyewe).
• Katika hatua hii, ikiwa kipengele kilicho na picha (kwa mfano, mwili au div iliyo na picha) ni ndogo kuliko upana wa asili wa picha, picha itapimwa ili kujaza nafasi ya juu zaidi inayopatikana.

width:auto;ina maana upana wa moja kwa moja

\9 Ni njia ya kuandika hack css.

• Kwa njia hii, "\9" imeongezwa kwa msimbo wa kawaida wa css, kivinjari cha IE pekee kinaweza kuitambua, vivinjari vingine vitapuuza taarifa hii.
• Hii itafanikisha utofautishaji wa kivinjari, kuwezesha madhumuni ya vivinjari vinavyoendana.

Kwa nini usitumie upana: 100%?

Ili kufikia upimaji otomatiki wa picha, unaweza pia kutumia sifa za upana zinazotumiwa zaidi, k.m.width：100％.

Walakini, sheria hii haitumiki hapa.

• Kwa sababu sheria hii itafanya ionekane pana kama chombo chake.
• Katika hali ambapo chombo ni pana zaidi kuliko picha, picha itapanuliwa bila ya lazima.

注意 事项

Viteuzi vya CSS ni nini? Kuna tofauti gani kati ya darasa na kitambulisho?Mafunzo yafuatayo yanazungumzia ▼

Kuna tofauti gani kati ya darasa la kichaguzi cha CSS na kitambulisho? id na matumizi ya darasa katika HTML

Kuna tofauti gani kati ya darasa la kichaguzi cha CSS na kitambulisho? Matumizi ya kitambulisho na darasa katika HTML Chen Weiliang kwa sasa yanatekeleza SEO na kuboresha mandhari ya WordPress ya tovuti.Ingawa nimejifunza maarifa ya kimsingi ya HTML na CSS hapo awali, lakini sijaiendesha kwa muda, haswa sehemu ya CSS...

Jinsi ya kurekebisha ukurasa kucheza video ya MP4 kwenye wavuti ya rununu?Tafadhali bofya kiungo hapa chini ▼

Je, ukurasa wa tovuti wa H5 MP4 hubadilikaje kwa ukurasa? Tovuti ya rununu hucheza msimbo wa html ya video

Uuzaji wa video ni sehemu muhimu ya uuzaji wa mtandaoni: watendaji wengi wa ukuzaji mtandaoni mara nyingi hutumia video pamoja na "masoko ya virusi" ili kuendesha trafiki.Uuzaji wa WeChat ukiunganishwa na uuzaji wa video, unaweza kuboresha zaidi kiwango cha ubadilishaji wa uandishi wa media mpya na biashara ya kijamii ya kielektroniki.Nina marafiki wengi...