Littafin Adireshi
Tare da bunƙasa fasahar intanet ta wayar hannu da kuma yawan amfani da tallan WeChat , wayoyin hannu sun zama kayan aiki mai mahimmanci a rayuwa .
Don samfuran gidan yanar gizo, muna ba da shawarar amfani da jigogi masu amsawa na WordPress :
- Idan mai haɓaka jigon WordPress bai sanya allon daidaita hoton HTML 5 da kyau ba yayin zayyana shafin jigon WordPress...
- Lokacin lilon gidan yanar gizon akan na'urar hannu, za a sami rashin daidaituwar hoto mai muni, kuma ƙwarewar mai amfani ba ta da kyau sosai!
Menene ma'anar daidaita hoton CSS?
CSS na daidaita hoton yana nufin yin hotuna a cikin shafin yanar gizon html, ta hanyar lambar CSS:
- Daidaita ta atomatik zuwa faɗi da tsayin na'urori daban-daban.
- Alamar img tana ta atomatik daidai gwargwado.
Na gaba, Chen Weiliang zai raba muku lambar CSS don daidaita girman hoto daidai gwargwado. ^_^
Tsayin hoton CSS da lambar daidaitawa mai faɗi
Saka hoto a cikin html:
Idan kuna son hoton ya dace da ƙaramin girman allo maimakon tsayawa tsayin daka a faɗi da tsayi.
Kuna iya ƙara lambar mai zuwa zuwa fayil ɗin style.css na jigon WordPress ɗinku ▼
/*图片自适应宽度和高度*/
img { max-width: 100%; height: auto; width: auto\9; width: auto; }sanarwa a nanmax-widthmatsakaicin ka'idar nisa
- don tabbatar da cewa an nuna duk hotuna a iyakar 100% (watau ba za a iya nuna su da girma kamar nasu hotunan ba).
- A wannan lokacin, idan sinadarin da ke ɗauke da hoton (misali, jiki ko div ɗin da ke ɗauke da hoton) ya fi ƙanƙanta da faɗin hoton, za a miƙe hoton don cika iyakar sararin da ake da shi.
width:auto;yana nufin faɗin atomatik
\9 Hanya ce ta rubuta hack css.
- Ta wannan hanyar, ana ƙara "\9" zuwa lambar css ta al'ada, mai binciken IE ne kawai zai iya gane shi, sauran masu bincike za su yi watsi da wannan bayanin.
- Wannan zai cimma bambance-bambancen mai bincike, yana ba da damar maƙasudin masu bincike masu jituwa.
Me yasa ba'a amfani da faɗin: 100%?
Don cimma sikelin hotuna ta atomatik, kuna iya amfani da kaddarorin faɗin da aka fi amfani da su, misali.width：100％.
Duk da haka, wannan doka ba ta aiki a nan.
- Domin wannan ka'ida za ta sa ya zama fadi kamar kwanon sa.
- A cikin lokuta inda akwati ya fi girman hoto, za a shimfiɗa hoton ba dole ba.
Kariya
Menene masu zaɓin CSS? Menene bambanci tsakanin aji da id?Koyawa masu zuwa suna magana akan ▼
Ta yaya gidan yanar gizon wayar hannu ke kunna bidiyo na bidiyo na MP4 wanda zai dace da shafin?Da fatan za a danna mahaɗin da ke ƙasa ▼
Da fatan, labarin "Sake Girman Hoto na HTML 5 don Daidaita Girman Allo da Girman Daidaito a Shafukan Yanar Gizo" da aka raba a shafin yanar gizon Chen Weiliang ( https://www.chenweiliang.com/ ) zai taimaka muku.
Ku ji daɗin raba wannan labarin ta hanyar haɗin yanar gizo: https://www.chenweiliang.com/cwl-964.html