Nantsi indlela yokongeza imifanekiso yoyilo ephendulayo usebenzisa iCSS
Jonga kwiiwebhusayithi ezidumile namhlanje kwaye unyango olulodwa loyilo oluqinisekileyo ukuba lubona lukhulu, imifanekiso yendawo yangaphambili yokukhangela isikrini. Enye yemingeni ngokukongeza le mizobo ivela kwindlela efanelekileyo yokufumana iiwebhsayithi kufuneka ziphendule ubuninzi beeskrini kunye nezixhobo ezibonakalayo .
Ekubeni isakhiwo sakho sewebhusayithi sitshintsha kunye nezikali ezinobungakanani beefowuni ezahlukeneyo, ngokunjalo le mijelo yemvelaphi ifake ubukhulu bayo ngokufanelekileyo.
Enyanisweni, le "imifanekiso ekhuphayo" yenye yezona ndawo eziphambili zewebhsayithi ezithathayo (kunye ne-grid grid kunye nemibuzo yeendaba). Lezo ziqendu zintathu ziye zaba yintsika yesakhiwo sewebhu ukusabela ukususela ekuqaleni, kodwa ngelixa lihlala lilula ukuba longeze imifanekiso eqhotyoshelweyo kwisayithi (imifanekiso emfutshane imifanekiso ekhowudiweyo njengenxalenye ye-HTML markup), ukwenza efanayo kunye nemifanekiso yangemvelaphi (ekhonjiswe kwiphepha usebenzisa izakhiwo zangasese zeCSS) sele lide linikezela umngeni omkhulu kubaninzi bewebhu kunye nabaqulunqo bokugqibela. Ngombulelo, ukongeza kwepropati "yobukhulu bemvelaphi" kwiCSS yenze oku kwenzeke.
Kwinqaku elicacileyo, ndajonga indlela yokusebenzisa ubukhulu bendawo yangasemva yeCSS3 ukululaza imifanekiso ukuze ifanelwe kwifestile, kodwa kukho indlela engcono, eyona ndlela enokusetyenziswa ngayo kule propati. Ukwenza oku, siza kusebenzisa le propati kunye nenani lentengiso:
ubungakanani bemvelaphi: ikhava;
Ipropati yegama elingundoqo lixelela isiphequluli ukuba sikhiphe umfanekiso ukuze sihambelane nefestile, kungakhathaliseki ukuba inkulu okanye encinane ifestile ifumana. Umfanekiso uphawulwa ukukhupha yonke isikrini, kodwa ubungakanani bokuqala kunye nomyinge wendlela ugcinwa kakuhle, ukukhusela umfanekiso ngokwawo ukuba ungaphambuki.
Umfanekiso ufakwa kwiwindow enkulu ngokusemandleni ukwenzela ukuba yonke indawo ifestile ifakwe. Oku kuthetha ukuba awuyi kuba neendawo ezingenanto kwiphepha lakho okanye nayiphina impazamo emfanekisweni, kodwa ithetha ukuba enye imifanekiso ingahlulwa ngokuxhomekeke kumlinganiselo wendawo yeskrini kunye nomfanekiso okhoyo. Umzekelo, umgca womfanekiso (mhlawumbi phezulu, ngaphantsi, ngasekhohlo, okanye ngasekunene) unokunqunyulwa kwimifanekiso, kuxhomekeke kwiimpawu ozisebenzisayo kwipropati yesimo semvelaphi. Ukuba uqhelanisa imvelaphi "phezulu ngakwesobunxele", nayiphi na imfuneko emfanekisweni iya kuvela emacaleni nasemacaleni. Ukuba ubeka umfanekiso wesiqalo, ukugqithisa kuza kuvela kuwo onke macala, kodwa ekubeni loo mfuneko iyasasazeka, impembelelo kwicala elinye liya kusebenza kangangoko.
Indlela yokusebenzisa ubukhulu bomvelaphi: ikhava;
Xa udala umfanekiso wakho wemvelaphi, yinto efanelekileyo yokudala umfanekiso okhululekileyo. Ngelixa iibrowser zingenza umfanekiso omncinci ngaphandle kwempembelelo ebonakalayo kumgangatho obonakalayo, xa isiphequluli sikala umfanekiso kwisikhulu esikhulu kunokuba ubukhulu bokuqala, umgangatho obonakalayo uya kuhlaziywa, uhlambuluke kwaye uphase. Umgca wecala ukuba lekhasi lakho lithatha ukusebenza xa uhambisa imifanekiso enkulu kwiimifanekiso.
Xa wenza oku, qiniseka ukuba ulungiselele ngokufanelekileyo loo mifanekiso yokukhuphela isivinini nokuhanjiswa kwewebhu . Ekugqibeleni, kufuneka ufumane umthombo ovuyayo phakathi kobukhulu bomfanekiso obaneleyo kunye nomgangatho kunye nobukhulu befayile obufanelekileyo bokukhuphela umda.
Enye yezindlela eziqhelekileyo zokusebenzisa ukukhangela imifanekiso yangemvelaphi xa ufuna ukuba lo mfanekiso uthathe imvelaphi epheleleyo yephepha, nokuba ngaba iphepha libanzi kwaye lijongwa kwikhompyutheni yecomputer okanye encinci kwaye ithunyelwa kwi-handheld, mobile zixhobo.
Layisha umfanekiso wakho kwi-host host yakho yewebhu uze uyifake kwi CSS yakho njengomfanekiso wesiqhelo:
umfanekiso wesemvelaphi: url (imisebenzi yomlilo-phezu-wdw.jpg);
imvelaphi-uphinda: akukho-phinda;
isikhundla-sikhundla: isikhungo seziko;
isiqhotyoshelwano esisemvelaphi: esilungisiweyo;
Yongeza isiphequluli seCSS kuqala.
ubungakanani-ubukhulu be-back-background: ikhava;
ubungakanani-ubukhulu-bumvela-yangasemva: ikhava;
Ubungakanani bendawo: isembozo;
Emva koko faka impahla yeCSS:
ubungakanani bemvelaphi: ikhava;
Ukusebenzisa Imifanekiso eyahlukeneyo Ekulinganisekayo amadivaysi ajikelezayo
Nangona i-design design okanye i-laptop ye-laptop ibalulekile, iindidi zezixhobo ezinokufikelela kwiWeb kwandile kakhulu, kwaye iindidi ezininzi zeeskrini ziza nazo.
Njengoko kukhankanywe ngaphambili, ukulayisha umfanekiso omkhulu wemvelaphi ephendulayo kwi-smartphone, umzekelo, ayikho into eyenziwa kakuhle okanye i-designwidth-consciousness design.
Funda indlela ongasebenzisa ngayo imibuzo yemidiya ukukhonza imifanekiso eya kulungelelaniswa nezixhobo abaza kuboniswa ngazo, kwaye iqhube ngakumbi ukuphucula ukuhambisana kwewebhusayithi kunye nezixhobo zeselula.
Inqaku lo kuqala nguJennifer Krynin. Ehlelwe nguJeremy Girard 9/12/17