Liwebsaete tsa marang-rang li 'nile tsa ba teng hafeela liwebsaete li le teng Ha e le hantle, li-browsers ke karolo ea bohlokoa ho se nang phihlelo kapa batho ba bonang saete sa hau - empa hase li-browser tsohle tse bōpiloeng ka ho lekana. Ho ka khoneha ka ho feletseng (mme ka nnete ho ka etsahala) ho ba le bareki ba shebang maqephe a hau a hau a marang-rang ho libapali tse tsofetseng haholo mme ba lahleheloa ke likarolo tse fumanoang li-browsers tsa kajeno. Sena se ka baka mathata a maholo ha u ntse u loanela ho ntshetsa pele marang-rang a sebelisang menyetla ea morao-rao moqapetsong le ntlafatso . Haeba motho a tla setšeng sa hau a sebelisa e 'ngoe ea li-browser tsa antiqued,' me mekhoa ea hau ea morao-rao e sa sebetse bakeng sa bona, u ka fana ka phihlelo e futsanehileng ka kakaretso. Khatelo-pele e tsoelang pele ke leano la ho sebetsana le moqapi oa maqephe a marang-rang bakeng sa li-browser tse sa tšoaneng, e leng li-browser tse khale tse haelloang ke tšehetso ea morao-rao.
Khatelo-pele e tsoelang pele ke mokhoa oa ho qapa maqephe a marang-rang e le hore litlhaloso tse eketsehileng tsa moemeli a li sebelise, ha li na le lipapatso tsa websaete. Ke ntho e fapaneng le moralo oa moralo o tsejoang e le ho silafala ha mohau . Mokhoa ona o haha maqephe a li-browsers tsa kajeno ka pele ebe o etsa bonnete ba hore o sebetsa ka mokhoa o nepahetseng le li-browsers tse sa sebetseng-hore phihlelo "e nyelisa ka mokhoa o babatsehang." Khatelo-pele e tsoelang pele e qala ka bapalisi ba tlase ba nang le bokhoni ba pele le ho haha phihlelo ho tloha moo.
Kamoo U ka Sebelisang Khatelo-pele e Tsoelang Pele
Ha o theha websaete ea marang-rang u sebelisa ntlafatso e tsoelang pele, ntho ea pele eo u tla e etsa ke ho bopa moqapi o sebetsang ka mokhoa o tloaelehileng ka ho fetisisa oa li-browser. Ntlheng ea eona, ntlafatso e ntseng e tsoela pele e bolela hore litaba tsa hau li lokela ho fumaneha ho li -browserse tsohle tsa marang-rang, eseng feela sethaleng se tlase.No ke ka lebaka leo u qalang ka ho tšehetsa li-browsers tsa khale, tsa nako e telele le tse se nang matla. Haeba u etsa sebaka se sebetsang hantle bakeng sa bona, ua tseba hore u bōpile moqapi oa motheo o lokelang ho fana ka phihlelo e sebetsang ho baeti bohle.
Ha u qala ka li-browsers tse nang le bokhoni ba pele, u tla batla ho etsa bonnete ba hore HTML eohle ea hau e lokela ho ba e nepahetseng le e nepahetseng. Sena se tla thusa ho etsa bonnete ba hore mefuta e fapaneng ka ho fetisisa ea basebelisi ba mosebetsing e ka sheba leqephe lena le ho le bontša ka nepo.
Hopola hore mekhoa ea ho bonoa e bonahalang le setšoantšo sa leqephe ka kakaretso se kenngoa ka ho sebelisa maqephe a ka ntle . Sena ke ha e le hantle ntlafatso e tsoelang pele e etsahala. U sebelisa leqhepe la mokhoa oa ho etsa setša sa marang-rang se sebetsang ho baeti bohle. O ka eketsa mekhoa e eketsehileng ho ntlafatsa leqephe ha mahlahana a basebetsi a fumana tshebetso. Motho e mong le e mong o fumana mekhoa ea motheo, empa bakeng sa lipapali tse ling tsa litaba tse ka tšehetsang mekhoa e tsoetseng pele le ea morao-rao, li fumana tse eketsehileng. U "tsoela pele ho ntlafatsa" leqephe bakeng sa libapali tse ka tšehetsang mekhoa eo.
Ho na le litsela tse 'maloa tseo u ka khonang ho li ntlafatsa. Qala pele, o lokela ho nahana hore na sebapali se etsa'ng haeba se sa utloisise molaetsa oa CSS - se hlokomoloha! Sena se hlile se sebetsa molemong oa hau. Haeba u theha setaele sa motheo sa mekhoa eo lihlopha tsohle li e utloisisang, o ka eketsa mefuta e eketsehileng ea li-browser. Haeba ba tšehetsa mekhoa, ba tla e sebelisa. Haeba ha ho joalo, ba tla hlokomoloha 'me ba sebelise mekhoa eo ea motheo. Mohlala o bonolo oa ntlafatso e tsoelang pele e ka bonoa ho CSS ena:
.main-content {
setšoantšo sa morao: # 999;
ka morao: rgba (153 153 153, .75);
}}
Mokhoa ona oa pele o beha mokokotlo oa 'mala o mosesaane. Molao oa bobeli o sebelisa RGBA mebala e metle ho beha boemo ba ho hlaka. Haeba sebapali se tšehetsa RGBA, se tla feta mokhoa oa pele ka bobeli. Haeba e sa e etse, ke eona ea pele feela e tla sebelisoa. U behile 'mala oa motheo mme o kenyelletsa mekhoa e eketsehileng bakeng sa li-browser tse ling tsa kajeno.
Ho sebelisa lipotso tsa Feature
Tsela e 'ngoe eo u ka sebelisang ts'ebetso e ntseng e tsoela pele ka eona ke ho sebelisa tse tsejoang e le "lipotso tse hlahang". Tsena li tšoana le lipotso tsa mecha ea phatlalatso , e leng karolo e hlokahalang ea meralo ea liwebsaete . Ha melaetsa ea litaba tsa mecha ea litaba ea boholo ba lichelete, lipotso tse hlahang li tla hlahloba ho bona hore na karolo e itseng e tšehetsoa kapa che. Mantsoe ao u neng u tla a sebelisa ke:
@supports (bontša: flex) {}Mefuta leha e le efe eo ue kenyelletseng ka hare ho molao ona e ne e ka sebetsa feela haeba sebapali seo se tšehetsoa "flex", e leng mekhoa ea Flexbox. U ka beha melao e le 'ngoe ho motho e mong le e mong ebe u sebelisa lipotso tse kenyelletsoang ho eketsa tse eketsehileng bakeng sa libabelisi feela.
Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 12/13/16.