Ho hlalosa Bophara ba Websaete ea hau

Ntho ea pele eo baqapi ba eona ba e nahanang ha ba haha ​​leqephe la bona la websaete ke qeto efe eo ba lokelang ho e etsa. Seo se hlileng se leng sona ke ho etsa qeto ea hore na sebopeho sa hau se lekana hakae. Ha ho sa na ntho e joalo e le bophara ba websaeteng e tloaelehileng.

Ke Hobane'ng ha U Nahana ka Tharollo

Ka 1995, litekanyetso tse tloaelehileng tsa qeto ea 640x480 e ne e le tsona tse kholo le tse ntle ka ho fetisisa tse neng li le teng. Sena se ne se bolela hore baqapi ba liwebsaete ba tsepamisitse maikutlo ho etsa maqephe a shebahalang hantle libukeng tsa marang-rang tse atolositsoeng ka lisebelisoa tse 12-inch ho 14-inch qetong eo.

Matsatsing ana, qeto ea 640x480 e etsa karolo e ka tlaase ho 1 lekholong ea sephethephethe sa marang-rang. Batho ba sebelisa lik'homphieutha tse nang le liqeto tse phahameng tse kenyeletsang 1366x768, 1600x900 le 5120x2880. Maemong a mangata, ho theha skrine ea tharollo ea 1366x768 e sebetsa.

Re boemong bo holimo historing ea moqapi oa marang-rang moo re sa lokelang ho tšoenyeha haholo ka tharollo. Batho ba bangata ba na le litebelisoa tse kholo, tse bohareng ba lichelete ebile ha ba matlafatse fensetere ea bona ea sebapali. Kahoo haeba u etsa qeto ea ho qapa leqephe le se nang boholo ba li-pixels tse 1366, leqephe la hau le tla bonahala le le ntle lifensetereng tse ngata tsa libaesekopo esita le ho lihlopha tse kholo tse nang le liqeto tse phahameng.

Boholo ba Mofetoleli

Pele u tsamaea u nahana "ho lokile, ke tla etsa hore mapaele a maqephe a 1366 a pharale," ho na le ho hongata ho pale ena. E mong o ne a atisa ho hlokomoloha bothata ha a etsa qeto ea bophara ba leqephe la websaete ke hore bareki ba hao ba boloka li-browser tsa bona tse kholo hakae. Haholo-holo, na li atolosa li-browser tsa tsona ka boholo ba lichelete kapa li li boloka li nyane ho feta skrine e feletseng?

Phuputsong e 'ngoe e sa tsejoeng ea basebetsi-'moho le bona ba sebelisitseng kemiso ea khoebo ea khoebo ea 1024x768 e tloaelehileng, tse peli li bolokile likōpo tsohle tsa tsona li ntse li eketseha. Ba bang kaofela ba ne ba e-na le lifensetere tse sa tšoaneng tse bulehileng ka mabaka a fapaneng Sena se bonts'a hore haeba u etsa intranet ea k'hamphani ena ka bophara ba 1024 pixels, karolo ea 85 lekholong ea basebelisi e tla tlameha ho phalla ka holimo ho bona leqephe lohle.

Ka mor'a hore u iketsetse bareki ba fokolang kapa ba sa khone ho nahana, nahana ka sebapali se fapaneng. Sebaka se seng le se seng sa marang-rang se na le moqolo oa moqolo le meeli ka mahlakoreng a fokolang sebaka se fumanehang ho tloha ho 800 ho ea ho tse 780 pixels kapa ka tlaase ho liqeto tse 800x600 le ho pota-pota 980 ka lifensetere tse phahameng tse ho 1024x768 liqeto. Sena se bitsoa sebadi "chrome" 'me se ka tlosa sebaka se sebelisoang bakeng sa moqapi oa leqephe la hau.

Maqephe a bophara ba Likhahla kapa Liquid

Bophahamo ba sebele ba linomoro hase eona feela ntho eo u lokelang ho nahana ka eona ha u qapa bophara ba websaete ea hau. U boetse u lokela ho etsa qeto ea hore na u tla ba le bophara bo tsitsitseng kapa bophara ba metsi . Ka mantsoe a mang, na u tla beha bophara ho nomoro e itseng (e tsitsitseng) kapa ho karolo ea lekholo (metsi)?

Bophahamo bo tsitsitseng

Maqephe a bophara a hlakileng a tšoana hantle le a utloahala. Bophara bo behiloe palo e itseng 'me ha bo fetohe ho sa tsotellehe hore na sebapali se seholo hakae kapa se senyenyane. Sena se ka ba molemo haeba o hloka moqapi oa hau hore o shebahale hantle ho sa tsotellehe hore na o pharaletseng hakae kapa o fokolise libuka tsa babali ba hau, empa mokhoa ona ha o nahane ka babali ba hao. Batho ba nang le li-browsers tse fokolang ho feta moqapi oa hau ba tla tlameha ho phallela ka holimo, 'me batho ba nang le li-browsers tse kholo ba tla ba le sebaka se se nang letho skrineng.

E le hore u thehe maqephe a bophara a holimo, sebelisa feela linomoro tsa pixel tse fapaneng tsa likarohano tsa leqephe la hau.

Bophara ba Metsi

Maqephe a bophara ba metsi (ka linako tse ling a bitsoa ho feto-fetoha ha maqephe a bophara) a fapana ka bophara ho ea ka hore na fensetere ea sebapali e pharaletseng hakae. Sena se o nolofalletsa ho qapa maqephe a tsepamisang maikutlo ho bareki ba hau. Bothata ba maqephe a bophara ba metsi ke hore ba ka ba thata ho bala. Haeba bolelele ba molaetsa oa molaetsa bo bolelele ho feta 10 ho isa ho 12 mantsoe kapa khutsoanyane ho feta mantsoe a 4 ho ea ho a 5, ho ka ba thata ho bala. Sena se bolela hore babali ba li-lifensetere tse kholo kapa tse nyenyane tsa sebapali ba na le bothata.

Ho etsa maqephe a bophara bo feto-fetohang, sebelisa feela liphesente kapa ems bakeng sa bophara ba likarohano tsa leqephe la hau. U lokela ho tseba hantle le sebaka sa CSS max-width. Setša sena se u lumella hore u behele bophara ka liphesente, empa u se lekane e le hore o se ke oa kholofala hoo batho ba ke keng ba o bala.

'Me Motlatsi ke: CSS Media Queries

Tharollo e molemo ka ho fetisisa matsatsing ana ke ho sebelisa lipotso tsa mecha ea litaba tsa CSS le moqapi o amohelehang ho etsa leqephe le fetolelang bophara ba sebapali se le shebang. Sebopeho sa websaete se amohelehang se sebelisa se tšoanang ho hlahisa leqephe la websaeteng le sebetsang hore na le le shebile ka li-pixels tse 5120 kapa bophara ba 320 pixels. Maqephe a maholo a fapaneng a shebahala a sa tšoane, empa a na le dikahare tse tšoanang. Ka potso ea litaba mecheng ea CSS3, mochine o mong le o mong o amohelang lipotso o arabela potso ka boholo ba eona, 'me leqhepe la mokhoa o fetola boholo boo.