L-ewwel ħaġa li ħafna disinjaturi jikkunsidraw meta tibni l-paġna tal-web tagħhom hija dik ir-riżoluzzjoni għad-disinn għal. X'inhu dan verament jammonta għal jiddeċiedi kemm id-disinn tiegħek għandu jkun wiesa '. M'hemm l-ebda ħaġa bħal din bħala wisa standard tal-websajt.
Għaliex Ikkunsidra Riżoluzzjoni
Fl-1995, il-monitors tar-riżoluzzjoni standard 640x480 kienu l-ikbar u l-aħjar monitors disponibbli. Dan fisser li d-disinjaturi tal-web iffukaw fuq il-ħolqien ta 'paġni li ħarsu tajjeb fil-web browsers massimizzati fuq monitor ta' 12-il pulzier sa 14-il pulzier f'dik ir-riżoluzzjoni.
Dawn il-ġranet, ir-riżoluzzjoni 640x480 tagħmel inqas minn 1 fil-mija tal-biċċa l-kbira tat-traffiku tal-websajt. In-nies jużaw kompjuters b'riżoluzzjonijiet ferm ogħla li jinkludu 1366x768, 1600x900 u 5120x2880. F'ħafna każijiet, id-disinn għal skrin ta 'riżoluzzjoni 1366x768 jaħdem.
Aħna qegħdin f'punt fl-istorja tad-disinn tal-web fejn aħna m'għandniex għalfejn tinkwieta ħafna dwar ir-riżoluzzjoni. Ħafna nies għandhom monitors kbar fuq skrin wiesa 'u ma jimmassimizzawx it-tieqa tal-browser tagħhom. Mela jekk tiddeċiedi li tiddisinja paġna li hija ta 'mhux aktar minn 1366 pixel wiesa', il-paġna tiegħek x'aktarx se tħares sew fil-biċċa l-kbira tat-twieqi tal-browser anki fuq monitors kbar b'riżoluzzjonijiet ogħla.
Wisa 'tal-Browser
Qabel ma tispiċċa taħseb "okay, jien nagħmel il-paġni tiegħi b'1366 pixel wiesgħa," hemm aktar għal din l-istorja. Kwistjoni ta 'spiss injorata meta tiddeċiedi l-wisa' ta 'paġna web hija kemm hu kbir il-klijenti tiegħek iżommu l-browsers tagħhom. Speċifikament, dawn jimmassimizzaw il-browsers tagħhom b'dimensjoni sħiħa jew iżommuhom iżgħar mill-iskrin sħiħ?
F'stħarriġ informali wieħed ta 'ko-ħaddiema li kollha użaw laptop ta' riżoluzzjoni ta '1024x768 standard tal-kumpanija, tnejn żammew l-applikazzjonijiet kollha tagħhom massimizzati. Il-bqija kellha twieqi ta 'daqs differenti miftuħa għal diversi raġunijiet. Dan juri li jekk qed tfassal l-intranet ta 'din il-kumpanija b'1024 pixels wiesgħa, 85 fil-mija ta' l-utenti jkollhom iscroll orizzontalment biex tara l-paġna kollha.
Wara li tkun responsabbli għall-klijenti li jimmassimizzaw jew le, taħseb dwar il-fruntieri tal-browser. Kull web browser ikollu bar tal-iscroll u fruntieri fuq il-ġnub li jiċkienu l-ispazju disponibbli minn 800 sa madwar 740 pixels jew inqas fuq riżoluzzjonijiet 800x600 u madwar 980 pixel fuq twieqi massimizzati b'1024x768 riżoluzzjoni. Dan jissejjaħ browser "chrome" u jista 'jneħħi l-ispazju użabbli għad-disinn tal-paġna tiegħek.
Pejsts tal-Wisa 'Fissi jew Likwidi
Il-wisa 'numerika attwali mhix l-unika ħaġa li trid taħseb meta tfassal il-wisa' tal-websajt tiegħek. Trid ukoll tiddeċiedi jekk ikollokx wisa 'fissa jew wisa' tal-likwidu . Fi kliem ieħor, int issettja l-wisa 'għal numru speċifiku (fiss) jew għal perċentwal (likwidu)?
Wisa 'Fissa
Paġni ta 'wisa' fissi huma eżattament bħal ħoss. Il-wisa 'hija ffissata f'numru speċifiku u ma tinbidel bl-ebda mod kemm hu kbir jew żgħir il-browser. Dan jista 'jkun tajjeb jekk ikollok bżonn id-disinn tiegħek biex tħares eżattament l-istess, ma jimpurtax kemm huma wiesgħa jew dojoq il-browsers tal-qarrejja tiegħek, iżda dan il-metodu ma jqisx lill-qarrejja tiegħek. Nies bil-browsers idjaq minn disinn tiegħek se jkollhom isseħħ orizzontalment, u nies bi browsers wiesgħa se jkollhom ammonti kbar ta 'spazju vojt fuq l-iskrin.
Biex toħloq paġni ta 'wisa' fissi, sempliċement tuża numri ta 'pixel speċifiċi għall-wisgħat tad-diviżjonijiet tal-paġna tiegħek.
Wisa 'Likwidu
Il-paġni tal-wisa 'tal-likwidu (xi kultant imsejħa paġni ta' wisa 'flessibbli) ivarjaw skont il-wisa' tat-tieqa tal-browser Dan jippermettilek li tfassal paġni li jiffokaw aktar fuq il-klijenti tiegħek. Il-problema bil-paġni tal-wisa 'likwida hija li jistgħu jkunu diffiċli biex jinqraw. Jekk it- tul tal- iskannjar ta 'linja ta' test ikun itwal minn 10 sa 12-il kelma jew iqsar minn 4 sa 5 kelmiet, jista 'jkun diffiċli biex tinqara. Dan ifisser li l-qarrejja bi twieqi tal-brawżer kbar jew żgħar għandhom problemi.
Biex toħloq paġni ta 'wisa' flessibbli, sempliċiment tuża perċentwali jew ems għall-wisgħat tad-diviżjonijiet tal-paġna tiegħek. Għandek ukoll tiffamiljarizza ruħek mal-proprjetà tas-CSS max-width. Din il-proprjetà tippermettilek li tistabbilixxi wisa 'f'perċentwali, iżda mbagħad tillimitaha sabiex ma tkunx daqshekk kbira li n-nies ma jkunux jistgħu jaqrawha.
U r-Rebbieħ Jinsab: CSS Media Queries
L-aħjar soluzzjoni f'dawn il-jiem hija li tuża mistoqsijiet tal-midja tas-CSS u disinn li jirreaġixxi biex toħloq paġna li taġġusta għall-wisa 'tal-browser li tarah. Disinn tal-web li jirrispondi juża l-istess kontenut biex joħloq paġna tal-web li taħdem kemm jekk taraha f'livell ta '5120 pixels jew wiesgħa 320 pixels. Il-paġni ta 'daqs differenti jidhru differenti, iżda fihom l-istess kontenut. Bil-mistoqsija tal-medja f'CSS3, kull apparat li jirċievi jwieġeb il-mistoqsija bid-daqs tiegħu, u l-folja tal-istil taġġusta għal dak id-daqs partikolari.