HTML 5 image urutau mata img waehere tauine rite mo te whārangi tukutuku HTML XNUMX

Na te kaha o te ipurangi pūkoro,Wechat hokohokoKua riro te rongonui o nga waea pūkoroTe orataputapu me whai.

hanga he paetukutukutauira, e tūtohu ana ki te whakamahiWordPressKaupapa urutau mo:

He aha te tikanga o te ahua urutau CSS?

Ko te ahua o te ahua CSS ki te hanga i nga whakaahua ki te wharangi paetukutuku html, ma te waehere CSS:

Panuku,Ko Chen WeiliangKa tohatoha ahau ki a koe i te CSS img waehere tauine tika ^_^

Ko te teitei o te ahua CSS me te waehere urutau whanui

Kōkuhu whakaahua ki te html:

Mena kei te pirangi koe kia uru te ahua ki te iti o te mata, kaua e mau tonu te whanui me te teitei.

Ka taea e koe te taapiri i te waehere e whai ake nei ki te konae style.css o to kaupapa WordPress ▼

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

korero i koneimax-widthture whanui morahi

• ki te whakarite kia whakaatuhia nga whakaahua katoa ki te 100% teitei rawa (arā, ka taea anake te whakaatu kia rite ki o raatau ake whakaahua).
• I tenei wa, mena he iti ake te huānga kei roto te atahanga (hei tauira, te tinana, te div ranei kei roto te ahua) i te whanui o te ahua, ka whakatauhia te ahua ki te whakakii i te mokowā mokowhiti.

width:auto;te tikanga whanui aunoa

\9 He huarahi tuhi hack css.

• Ma tenei ara, ka taapirihia "\9" ki te waehere css noa, ka taea e te kaitirotiro IE anake te mohio, ka warewarehia e etahi atu kaitirotiro tenei korero.
• Ma tenei ka tutuki te rereketanga o te kaitirotiro, ka taea te kaupapa o nga kaitirotiro hototahi.

He aha e kore ai e whakamahi i te whanui: 100%?

Hei whakatutuki i te whakatauine aunoa o nga whakaahua, ka taea hoki e koe te whakamahi i nga waahanga whanui e whakamahia nuitia ana, hei tauira.width：100％.

Heoi, kaore tenei ture e pa ki konei.

• Na tenei ture ka puta te whanui me tona ipu.
• I nga keehi he nui ake te whanui o te ipu i te ahua, ka totoro te ahua kaore e tika.

Nga Whakatakarotanga

He aha nga kaiwhiriwhiri CSS? He aha te rereketanga o te karaehe me te id?Ko nga akoranga e whai ake nei e korero ana mo ▼

🔗He aha te rereketanga i waenga i te karaehe whiriwhiri CSS me te id? Te whakamahinga o te id me te akomanga i roto i te HTML

Me pehea te purei a te paetukutuku pūkoro i te ataata MP4 e urutau ana ki te wharangi?Paatohia te hono i raro nei ▼

🔗Me pehea te urutau i te wharangi paetukutuku H5 MP4 ki te wharangi ka purei te paetukutuku pūkoro i te waehere html ataata