Thawj qhov khoom siv feem ntau xav txog thaum tsim lawv qhov web page yog qhov kev daws teeb meem los tsim. Qhov no yog dab tsi tiag tiag rau qhov kev txiav txim siab seb qhov koj tsim yuav tsum yog li cas. Yog tsis muaj ib qho zoo li no ntxiv raws li tus qauv hauv lub website.
Vim li cas ho xav txog kev daws teeb meem
Hauv xyoo 1995, tus txheej txheem 640x480 daws teeb meem yog qhov loj tshaj thiab zoo tshaj plaws saib xyuas. Qhov no txhais tau hais tias cov web designers teem rau kev ua cov nplooj ntawv uas saib zoo nyob rau hauv web browsers maximized rau ib tug 12-nto rau 14-nti saib nyob rau ntawm qhov kev daws teeb meem.
Hnub no, 640 x 480 daws teeb meem ua rau tsawg tshaj li 1 feem pua ntawm feem ntau ntawm lub vas sab. Cov tib neeg siv cov computers nrog ntau tshaj cov cai uas muaj xws li 1366 x 76, 1600x900 thiab 5120x2880. Nyob rau hauv ntau cov ntaub ntawv, tsim rau ib tug 1366x768 daws teeb meem kev ua haujlwm.
Peb yog nyob rau hauv ib qho chaw hauv keeb kwm ntawm lub web tsim qhov twg peb tsis tas txhawj txog kev daws teeb meem. Cov neeg feem coob tau loj, ntsuas saib xyuas dav dav thiab lawv tsis pub lawv qhov rais qhib qhov rais. Yog li ntawd, yog tias koj txiav txim siab tsim cov nplooj ntawv uas tsis muaj ntau tshaj 1366 pixels dav, koj nplooj ntawv yuav zaum tau zoo nyob rau hauv feem ntau qhov rai qhov rais txawm nyob loj saib nrog ntau tshaj daws teeb meem.
Browser Dav
Ua ntej koj tawm mus xav "zoo, Kuv mam li ua kuv phab ntawv 1366 pixels," muaj ntau zaj dab neeg no. Ib qho kev cuam tshuam ntau zaus thaum txiav txim siab qhov dav ntawm ib qhov web page loj npaum li cas koj cov neeg muas zaub ua lawv cov browsers. Tshwj xeeb, ua lawv maximize lawv browsers ntawm lub puv npo puv npo los yog ua lawv kom lawv me dua cov puv npo?
Nyob rau hauv ib qho kev soj ntsuam ntawm cov neeg ua haujlwm uas siv tag nrho cov kev siv 1024 x 780 daws teeb meem lub laptop, ob leeg khaws tag nrho lawv daim ntawv thov nyiaj. Tus so tau qhov sib txawv ntawm qhov rais qhib rau ntau yam. Qhov no qhia tau hais tias yog tias koj tab tom tsim lub tuam txhab no rau ntawm 1024 pixels dav, 85 feem pua ntawm cov neeg siv yuav tsum tau nkag siab txog horizontally mus saib tag nrho cov nplooj ntawv.
Tom qab koj tso nyiaj rau cov neeg muas zaub uas ua haujlwm tshaj lossis tsis ua, xav txog qhov browser ciam teb. Txhua qhov web browser muaj ib qho chaw txawb thiab ciam teb rau ntawm ob sab uas muaj chaw seem ntawm 800 mus ncig 740 pixels los yog tsawg dua ntawm 800 x 600 pauv thiab 980 pixels ntawm qhov rais nruab nrab ntawm 1024x768 cov qauv. Qhov no yog hu ua browser "chrome" thiab nws tuaj yeem tawm ntawm qhov chaw zoo siv rau koj cov nplooj ntawv tsim.
Tsuav los sis Ua Ntej Npluas
Qhov laub qhov dav tsis yog qhov tsuas yog qhov koj yuav tsum xav txog thaum tsim koj lub vev xaib qhov dav. Koj kuj yuav tau txiav txim siab yog tias koj yuav muaj qhov dav dav lossis dav dav . Hauv lwm lo lus, koj puas yuav npaj qhov dav rau ib tus naj npawb (tsau) lossis ib feem pua (kua)?
Tsau dav
Sab nraud cov nplooj ntawv muaj raws nraim li lawv suab. Qhov dav yog tsau rau ntawm ib tug xov tooj meej thiab tsis hloov tsis txawm loj npaum li cas los yog me me qhov browser. Qhov no tuaj yeem ua tau zoo yog tias koj xav tau koj qhov kev tsim los saib qhov ncaj nraim tib yam li cas dav dav los yog nqaim koj cov neeg nyeem browsers yog, tab sis hom no tsis siv nyiaj rau koj cov neeg nyeem. Cov neeg nrog browsers narrower tshaj li qhov koj tsim yuav tsum tau hloov horizontally, thiab cov neeg uas muaj kev sib tham thoob plaws yuav muaj ntau qhov chaw khoob ntawm qhov screen.
Los tsim cov nplooj ntawv dav dav, tsuas yog siv cov zauv pixel rau qhov dav ntawm koj phab phab.
Kua dav dav
Cov nplooj ntawv qis rau qis (qee zaum hu ua cov nplooj ntawv dav dav) qhov dav dav nyob ntawm seb qhov dav dav qhov rai qhov rais yog li cas. Qhov no tso cai rau koj tsim cov nplooj ntawv uas tsom ntau dua rau koj cov neeg muas zaub. Cov teeb meem nrog cov nplooj ntawv dav dav yog tias lawv tuaj yeem nyuaj nyeem. Yog tias cov duab ntawm cov kab ntawv ntev ntev tshaj li 10 mus rau 12 lo lus los yog luv dua 4 txog 5 lo lus, nws tsis yooj yim nyeem ntawv. Qhov no txhais tau hais tias cov nyeem nrog qhov rai loj lossis me qhov rais muaj teeb meem.
Yuav kom tsim tau cov nplooj ntawv dav dav, tsuas siv feem pua los yog ems rau qhov dav ntawm koj phab phab. Koj yuav tsum tau paub txog koj tus kheej nrog lub CSS max-dav vaj tse. Cov cuab yeej no tso cai rau koj kom teem ib lub dav rau feem pua, tab sis ho txwv kom nws tsis txhob loj ces cov neeg tsis tau nyeem nws.
Thiab Tus Khiav Tsis Tau: CSS Media Queries
Txoj kev daws teeb meem zoo tshaj plaws rau hnub no yog siv CSS cov xov xwm kev tawm tswv yim thiab cov qauv tsim los tsim ib nplooj ntawv uas ua rau kom qhov dav ntawm qhov browser saib nws. Ib lub vev xaib tsim muaj cov ntsiab lus tib yam los tsim ib phab web uas ua hauj lwm seb koj puas pom nws nyob ntawm 5120 pixels dav los yog 320 pixels wide. Cov nplooj ntawv sib txawv nyias txawv nyias, tab sis lawv muaj tib lub ntsiab lus. Nrog rau cov lus nug hauv CSS3, txhua tus neeg tau txais kev pabcuam teb cov lus nug nrog nws loj, thiab cov ntawv sau ua rau qhov loj li ntawd.