HTML 5 kiʻi adaptive pale img proportional scaling code for webpage HTML XNUMX

Ma muli o ka ulu nui ʻana o ka pūnaewele puni honua,Wechat marketingUa lilo ka kaulana o nā keleponaKe olamea paahana pono.

kūkulu i kahi pūnaeweletemplate, pono e hoʻohanaWordPressʻO ke kumuhana kūpono no:

He aha ke ʻano o ka CSS image adaptive?

CSS kiʻi adaptive 'o ia hoʻi ka hana ʻana i nā kiʻi ma ka ʻaoʻao pūnaewele html, ma o CSS code:

Kekahi,Chen WeiliangE kaʻana aku au iā ʻoe i ke code scaling proportional CSS img ^_^

CSS kiʻi kiʻi kiʻekiʻe a me ka laula adaptive code

E hoʻokomo i ke kiʻi ma html:

Inā makemake ʻoe e hoʻololi ke kiʻi i ka liʻiliʻi o ka pale ma mua o ka noho paʻa ʻana i ka laulā a me ke kiʻekiʻe.

Hiki iā ʻoe ke hoʻohui i kēia code i ka faila style.css o kāu kumuhana WordPress ▼

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

olelo maaneimax-widthlula laula kiʻekiʻe

• e hōʻoia i ka hōʻike ʻia ʻana o nā kiʻi āpau ma ka 100% kiʻekiʻe (ʻo ia hoʻi, hiki ke hōʻike ʻia e like me kā lākou mau kiʻi ponoʻī).
• I kēia manawa, inā ʻoi aku ka liʻiliʻi o ka mea i loko o ke kiʻi (e laʻana, ke kino a i ʻole div i loko o ke kiʻi) ma mua o ka laula o ke kiʻi, e hoʻonui ʻia ke kiʻi e hoʻopiha i ka nui o ka nui i loaʻa.

width:auto;'o ia ho'i ka laula 'akomi

\9 He ala ia e kākau hack css.

• Ma kēia ʻano, hoʻohui ʻia ʻo "\9" i ke code css maʻamau, ʻo ka polokalamu kele IE wale nō ke ʻike iā ia, e haʻalele ʻole nā ​​​​polokalamu ʻē aʻe i kēia ʻōlelo.
• E hoʻokō kēia i ka ʻokoʻa o ka polokalamu kele pūnaewele, e hiki ai i ke kumu o nā polokalamu kele pūnaewele kūpono.

No ke aha e hoʻohana ʻole ai i ka laulā: 100%?

No ka hoʻokō 'ana i ka hoʻonui 'akomi o nā kiʻi, hiki nō iā ʻoe ke hoʻohana i nā waiwai laula i hoʻohana pinepine ʻia, e laʻa.width：100％.

Eia naʻe, ʻaʻole pili kēia lula ma ʻaneʻi.

• No ka mea, e ʻike ʻia kēia lula e like me ka laulā o kona ipu.
• I nā hihia i ʻoi aku ka laulā o ka pahu ma mua o ke kiʻi, e kīkoʻo ʻia ke kiʻi me ka pono ʻole.

Pākuʻi ʻana

He aha nā mea koho CSS? He aha ka ʻokoʻa ma waena o ka papa a me ka id?Ke kamaʻilio nei nā kumu aʻo e pili ana iā ▼

He aha ka ʻokoʻa ma waena o ka papa koho CSS a me ka id? id a me ka hoʻohana papa ma HTML

He aha ka ʻokoʻa ma waena o ka papa koho CSS a me ka id? Ke hoʻohana nei ka hoʻohana ʻana i ka id a me ka papa ma HTML Chen Weiliang i kēia manawa e hana ana i SEO a me ka hoʻonui ʻana i ka manaʻo WordPress o ka pūnaewele.ʻOiai ua aʻo mua au i kekahi mau ʻike HTML a me CSS ma mua, akā ʻaʻole wau i hoʻohana iā ia no kekahi manawa, ʻoi aku ka ʻāpana CSS...

Pehea e hoʻololi ai i ka ʻaoʻao e pāʻani i ka wikiō MP4 ma ka pūnaewele kelepona?E kaomi i ka loulou ma lalo ▼

Pehea e hoʻololi ai ka ʻaoʻao pūnaewele H5 MP4 i ka ʻaoʻao?

ʻO ke kūʻai aku wikiō he ʻāpana koʻikoʻi o ke kūʻai aku ʻana ma ka pūnaewele: hoʻohana pinepine ka poʻe loea hoʻolaha pūnaewele i ka wikiō i hui pū ʻia me ka "marketing viral" e hoʻokele kaʻa.Inā hui pū ʻia ke kālepa WeChat me ke kūʻai aku wikiō, hiki iā ia ke hoʻomaikaʻi hou i ka helu hoʻololi kope kope o nā media hou a me ka e-commerce.Nui koʻu mau hoaaloha...