HTML 5 экрани мутобиқсозии тасвири img рамзи миқёси мутаносиб барои веб саҳифаи HTML XNUMX

Бо сабаби афзоиши интернети мобилӣ,Маркетинги WechatМаъруфияти телефонҳои мобилӣ шудҲаётасбоби ҳатмист.

як вебсайт созедШаблон, тавсия дода мешавад, ки истифода баредWordPressМавзӯи мутобиқшавӣ барои:

Мутобиқсозии тасвири CSS чӣ маъно дорад?

Мутобиқсозии тасвири CSS маънои онро дорад, ки тасвирҳоро дар саҳифаи веби html тавассути рамзи CSS эҷод кунед:

Баъдӣ,Чен ВейлянМан бо шумо рамзи миқёси мутаносиби CSS img -ро мубодила мекунам ^_^

Рамзи мутобиқшавӣ баландии тасвири CSS ва паҳнои

Тасвирро дар html ворид кунед:

Агар шумо хоҳед, ки тасвир ба андозаи хурди экран мутобиқ шавад, ба ҷои он ки дар паҳнӣ ва баландӣ собит монад.

Шумо метавонед рамзи зеринро ба файли style.css-и мавзӯи WordPress-и худ илова кунед ▼

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

изҳорот дар ин ҷоmax-widthқоидаҳои паҳнои ҳадди аксар

• то ки ҳамаи тасвирҳо ҳадди аксар 100% намоиш дода шаванд (яъне онҳо метавонанд танҳо ба андозаи тасвирҳои худашон намоиш дода шаванд).
• Дар ин лаҳза, агар унсури дорои тасвир (масалан, бадан ё div дорои тасвир) аз паҳнои хоси тасвир хурдтар бошад, тасвир барои пур кардани фазои максималии дастрас миқёс карда мешавад.

width:auto;маънои паҳнои автоматӣ дорад

\9 Ин як роҳи навиштани hack css аст.

• Бо ин роҳ, "\9" ба рамзи муқаррарии css илова карда мешавад, танҳо браузери IE метавонад онро эътироф кунад, браузерҳои дигар ин изҳоротро нодида мегиранд.
• Ин тафовути браузерро ба даст меорад, ки ҳадафи браузерҳои мувофиқро фароҳам меорад.

Чаро паҳниро истифода набаред: 100%?

Барои ноил шудан ба миқёси автоматии тасвирҳо, шумо инчунин метавонед хосиятҳои паҳнои бештар истифодашавандаро истифода баред, масалан.width：100％.

Аммо, ин қоида дар ин ҷо татбиқ намегардад.

• Зеро ин қоида онро ба андозаи зарфаш васеъ менамояд.
• Дар ҳолатҳое, ки контейнер аз тасвир хеле васеътар аст, тасвир бе зарурат дароз карда мешавад.

Эҳтиёткорӣ

Интихобкунандагони CSS чист? Фарқи байни синф ва id чист?Дарсҳои зерин дар бораи ▼ гап мезананд

Фарқи байни синфи селектори CSS ва id чист? истифодаи id ва синф дар HTML

Фарқи байни синфи селектори CSS ва id чист? Истифодаи id ва синф дар HTML Чен Вейлян дар айни замон SEO-ро иҷро мекунад ва мавзӯи WordPress-и вебсайтро оптимизатсия мекунад.Гарчанде ки ман қаблан баъзе донишҳои ибтидоии HTML ва CSS-ро омӯхта будам, аммо ман онро муддате истифода накардаам, махсусан қисми CSS...

Чӣ тавр саҳифаро барои бозӣ кардани видеои MP4 дар вебсайти мобилӣ мутобиқ кардан мумкин аст?Лутфан истиноди зерро зер кунед ▼

Веб-саҳифаи H5 MP4 ба саҳифа чӣ гуна мутобиқ мешавад? Вебсайти мобилӣ рамзи html видеоро бозӣ мекунад

Маркетинги видеоӣ қисми ҷудонашавандаи маркетинги онлайн аст: бисёре аз таҷрибаомӯзони таблиғи онлайн аксар вақт видеоро дар якҷоягӣ бо "маркетинги вирусӣ" барои пешбурди трафик истифода мебаранд.Агар маркетинги WeChat бо маркетинги видеоӣ муттаҳид карда шавад, он метавонад минбаъд суръати табдили копирайтинги расонаҳои нав ва тиҷорати электронии иҷтимоиро беҳтар созад.Ман дӯстони зиёд дорам...