Layout Cross-browser, "etsala" i iinjini zokuphendla

Xa isayithi wadala kubalulekile ngokwemiqathango ngempumelelo kwalo kubeko cross-browser. Yintoni na? Indlela enokwenziwa? Yiyiphi imigibe akhona?

Yintoni layout cross-yomkhangeli zincwadi?

Html / CSS - sisiseko ngokudala indawo kwisiza. webmasters abaninzi afanelekile ngokwimiselo: Ndiziva ndonwabile - nokuba loo nto ngokwaneleyo. Nendlela Iyandikhathaza kuxa nivela browser yakho web okanye ifowuni, kunye nesayithi akabonisi kakuhle. Kwiimeko ezinjalo, uncedo uza uyilo olwenziwayo kunye layout cross-browser.

CSS kunye html phezulu kulo mzekelo, nasekuqaleni komqolo, ngalo lonke ukusebenza. Kwezinye iimeko, le njongo ukuze babandakanyeke JavaScript. Kodwa injongo yayo efanayo - ukuqinisekisa ukuba yonke into ihamba phezu kweenguqulelo ezahlukeneyo. Ngoko ke, ukuba ufuna ukuqinisekisa ukuhambelana cross-umkhangeli zincwadi, ukuze ukuba siza siboniswe kakuhle kuzo zonke izikhangeli, kuyimfuneko ukuba bacinge lonke ixesha, ukususela ekudalweni wokuqala umsebenzi kwisiza.

Walkthrough ngokubanzi

Ngoko ke, makhe sijonge ukuba ukwenza njani ubeko cross-browser. Ekuqaleni kufuneka imisele zeziphi iinkqubo ziya kusebenza sayithi. Nceda uqaphele ukuba inani bencwadi be web kufutshane ezimakhulu mabini, ngoko ndizama ukwanelisa wonke ubani - yinto xaka engakholelekiyo. Ngoko ke, khetha inani ukusuka 3 ukuya 8. Ukuze ekugqibeni ukuba yintoni ingqalelo, ungasebenzisa kunye neenkonzo zenkxaso ezifana Yandex Metrika ne Google Analytics. Emva koko ke kufuneka ufumanise ukuba njani le ngxaki iya kusonjululwa ukuphumeza cross-browser.

Abantu abaninzi ezibhankini kwi khaki. Le khowudi ezizodwa, selectors kunye nemigaqo, leyo uyayiqonda umkhangeli ethile kuphela. Kodwa, unikwe ukuba kufuneka ubhale amashumi ubuncinane abambalwa ifaka ukuba bakhangeli ezahlukeneyo kunye iinguqulelo na umkhangeli zincwadi, abaninzi uphosa ndlela ngenxa yeendleko yalo phezulu, ixesha kunye engenangqondo. Abanye bathembele ukusetyenziswa kwezo zinto, eboniswe ngendlela efanayo. Kodwa kwangaxeshanye rhoqo yalahlekelwa kwiqela lokulungileyo ebalulekileyo. Ukunciphisa ilahleko, esebenzisa ngaxeshanye kunye noyilo oluhambelana. Yintoni na?

design ezwayo

Le ndlela yobume kule website, apho siza irabha, oko kukuthi, abo baziqhelanise screen ngobukhulu ezahlukeneyo izikhangeli. Kufuneka kuqatshelwe ukuba uyilo olwenziwayo kanye ukuhambelana cross-browser ziyajongwa uyahambelana, yaye xa uthetha enye into, oku kuthetha ukuba yesibini. Makhe sijonge a umzekelo ngokukhawuleza.

Kukho ezinye iibrawuza, ezifana Opera kunye Opera Mini. на мобильных телефонах. Okokuqala ezisetyenziswa kwiikhompyutha desktop, kwaye eyesibini - on mobile phones. Ngokubanzi ukuba ziyafana, kodwa babe eziliqela iimpawu. Kwiimeko ezinjalo, kubalulekile ukudibanisa iifayile ngamnye kunye / okanye ukusetyenziswa imibuzo eendaba. Yintoni na? Kwimeko yokuqala, oko kudala kwifayile esecaleni, nanjongo zawo ukusebenza browser ethile, kwaye neerejista mngeni yawo. Kwimeko yesibini, kufuneka zifayile imibuzo eendaba. Ukuba inkqubo yakho idibana iimfuno ezithile ifayile ntli yoqwalaselo oyifunayo.

Ndimele ndenze ntoni?

Ekuqaleni, sifanele sikhumbule ukuba xa sisebenza kunye html, uyilo cross-browser kufuna ingqalelo ekhethekileyo. Ngoko ke, kufuneka usebenzise ithuba ubuninzi Uhlobo lwamakhasi ayingxangxasi yokufaneleka enkulu. Ngelo xesha ke kufuneka ukuba ukuguqula iindlela ezithile zokusebenza. Ngoko ke abantu abaninzi ongenamava xa bakhomba ubungakanani bento ethile, ukusetyenziswa pixels - px. Cinga nje ngomzekelo header Umbhalo enkulu, nto leyo Uyabahombisa phezulu wesiza.

Yena ububanzi umise ngesantya 800rh. Kwi lomkhusane 1600rh kuya kuba yinto nomtsalane. Kodwa 700rh uya kukhangela etyeni. Kufuneka wenze ntoni kule meko? Awukwazi ukuchaza ubungakanani in pixels, nepesenti! Kwaye ubambe umbhalo akayi kuba ubude esisigxina, nesiqingatha ububanzi yekhusi. Le pesenti lingamiselwa kwaye banga apho into ethile ziza kubekwa phezu kungqameko yekhusi. Kodwa nantsi into ntoni xa isikrini lincinane kakhulu?

Ku vuriwa yini loko pixels 300? Kulo mzekelo, siya kunceda umbuzo eendaba efuna ukulungiswa ububanzi rejista. Kwaye ukuba ilingana 700rh yaye ngaphantsi, kunokwenzeka ukuba kuqinisekiswe ukuba lo mqondiso uya unokuhlala 75% lezihlalo. Ke ukuba ububanzi ulingana pixels 300 okanye ngaphantsi, kunokwenzeka ukuba ukubhentsisa kunye ne-100%. yonke isihloko umdla yaye iluncedo, ukuze ifundwe ngokweenkcukacha ezinkulu. Kodwa ke, yeha, kukho ulwazi le ncwadi, wabeka yonke into nqaku liza kusebenza.

Kutheni encomekayo layout cross-ibhrawuza ezitsala iinjini zokuphendla?

Kwaye ke Impendulo ilula: kuba kubonisa ukuba ababhekisi phambili alandela isiza niye mnandi kangangoko kunokwenzeka kubasebenzisi bayo. Oku kuthetha ukuba abantu abanjalo bangakhuthazeka ngokubanika izikhundla eziphezulu kwi iinjini zokuphendla. Kakade ke, isayithi yakho ayiyi lizakuboniswa ngoku kwi encotsheni-1, kodwa kunye nezinye izinto, oku kuya kuvuka kakhulu. Kufuneka kuqatshelwe kanjalo ukuba esi akukho mfuneko nje engenamsebenzi, kodwa into idinga ingqalelo kangaka ibe ihlawulwe.

Ngapha koko, cinga nje, yintoni na umsebenzisi xa ukhwela isayithi ayikho mnandi kakhulu ngembonakalo? Kodwa kuthe ukukholelwa ukuba injini yokukhangela inikeza umxholo esezantsi-quality! Ngoko ke, ukuba zikhethwe ngononophelo ukuze sites ekufuneka inikelwe. Ngaphandle koku kukwakho ke webmasters inzuzo kuba izala iqokobhe ezikumgangatho ophezulu ngenxa umxholo, apho abantu baya kukwazi ukufumana ulwazi olufunekayo nakweyiphi hardware: ikhompyutha, laptop yakho, tablet, smartphone okanye iselula. Ngako oko, iindwendwe yanelisekile ngakumbi, isiza likhula ngokukhawuleza ngakumbi yaye inqanaba zengeniso.

isiphelo

Akunakwenzeka ukuba uqaphele into eqhelekileyo ukuba indalo le site cross-browser kuyilo ephendulayo - akukho lula, into ende kakhulu kwaye onzima. Ngoko kuyimfuneko ukuba lube nomonde, sikhumbule ukuba ingqeqesho - Yinto enkulu! Mhlawumbi ekuqaleni into iza kuhamba engalunganga, kodwa simele sizame ukujonga ulwazi, sebenzisa iindlela ezahlukeneyo kwaye hayi baleka. Kwaye ngoko qiniseka ukuba benze iwebhusayithi eziya kuba iziyolo ukubonisa iindwendwe yayo.