HTML 5 aworan imubadọgba iboju img koodu iwọn iwọn fun oju-iwe wẹẹbu HTML XNUMX

Nitori Intanẹẹti alagbeka ti nyara,Wechat titaAwọn gbale ti awọn foonu alagbeka ti diIgbesi ayegbọdọ-ni ọpa.

kọ kan aaye ayelujaraawoṣe, o ti wa ni niyanju lati loWordPressAkori imudaramu fun:

Kí ni CSS image adaptive tumo si?

CSS image adaptive tumo si lati ṣe awọn aworan ni html oju-iwe ayelujara, nipasẹ CSS koodu:

Itele,Chen WeiliangEmi yoo pin pẹlu rẹ CSS img proportional scaling code ^_^

Iwọn aworan CSS ati koodu imudara iwọn

Fi aworan sinu html:

Ti o ba fẹ ki aworan naa ṣe deede si iwọn kekere ti iboju dipo ti o wa titi ni iwọn ati giga.

O le ṣafikun koodu atẹle si faili style.css ti akori Wodupiresi rẹ ▼

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

gbólóhùn nibimax-widtho pọju iwọn ofin

• lati rii daju pe gbogbo awọn aworan ti han ni o pọju 100% (ie wọn le ṣe afihan bi o tobi bi awọn aworan tiwọn).
• Ni aaye yii, ti nkan ti o ni aworan ninu (fun apẹẹrẹ, ara tabi div ti o ni aworan ninu) kere ju iwọn atorunwa aworan naa, aworan naa yoo jẹ iwọn lati kun aaye to pọju ti o wa.

width:auto;tumo si laifọwọyi iwọn

\9 O jẹ ọna kikọ gige css.

• Ni ọna yii, "\9" ni a ṣafikun si koodu css deede, ẹrọ aṣawakiri IE nikan ni o le da a mọ, awọn aṣawakiri miiran yoo foju kọ ọrọ yii.
• Eyi yoo ṣe aṣeyọri iyatọ aṣawakiri, ṣiṣe awọn idi ti awọn aṣawakiri ibaramu.

Kilode ti o ko lo iwọn: 100%?

Lati ṣaṣeyọri igbelowọn aifọwọyi ti awọn aworan, o tun le lo awọn ohun-ini iwọn ti a lo nigbagbogbo, fun apẹẹrẹ.width：100％,

Sibẹsibẹ, ofin yii ko kan nibi.

• Nitoripe ofin yii yoo jẹ ki o han bi fife bi eiyan rẹ.
• Ni awọn ọran nibiti apoti naa ti gbooro pupọ ju aworan naa lọ, aworan naa yoo nà lainidi.

Awọn iṣọra

Kini awọn yiyan CSS? Kini iyato laarin kilasi ati id?Awọn ikẹkọ atẹle yii sọrọ nipa ▼

Kini iyato laarin CSS selector kilasi ati id? id ati lilo kilasi ni HTML

Kini iyato laarin CSS selector kilasi ati id? Lilo id ati kilasi ni HTML Chen Weiliang n ṣiṣẹ lọwọlọwọ SEO ati jijẹ akori WordPress ti oju opo wẹẹbu naa.Botilẹjẹpe Mo ti kọ diẹ ninu awọn ipilẹ HTML ati imọ CSS tẹlẹ, ṣugbọn Emi ko ṣiṣẹ fun igba diẹ, paapaa apakan CSS…

Bawo ni oju opo wẹẹbu alagbeka ṣe mu fidio MP4 ṣe adaṣe si oju-iwe naa?Jọwọ tẹ ọna asopọ ni isalẹ ▼

Bawo ni oju-iwe wẹẹbu H5 MP4 ṣe ṣe deede si oju-iwe naa? Oju opo wẹẹbu alagbeka yoo mu koodu HTML fidio ṣiṣẹ

Titaja fidio jẹ apakan pataki ti titaja ori ayelujara: ọpọlọpọ awọn oniṣẹ igbega ori ayelujara nigbagbogbo lo fidio ni idapo pẹlu “titaja gbogun ti” lati wakọ ijabọ.Ti o ba ti WeChat tita ni idapo pelu fidio tita, o le siwaju mu awọn copywriting oṣuwọn iyipada ti titun media ati awujo e-kids.Mo ni ọpọlọpọ awọn ọrẹ ...