Iibhrawuza kunye nezixhobo
Funda malunga nezikhangeli kunye nezixhobo, ukusuka kule mihla ukuya kwakudala, ezixhaswa yiBootstrap, kubandakanya iiquirks ezaziwayo kunye nebugs nganye.
Iibhrawuza ezixhaswayo
I-Bootstrap ixhasa ukukhutshwa kwamva nje, okuzinzileyo kwazo zonke iibhrawuza ezinkulu kunye namaqonga.
Iibrowser ezizezinye ezisebenzisa inguqulelo yamva nje yeWebKit, iBlink, okanye iGecko, nokuba ngokuthe ngqo okanye ngeplatform ye-API yokujonga iwebhu, ayixhaswanga ngokucacileyo. Nangona kunjalo, iBootstrap kufuneka (kwiimeko ezininzi) ibonise kwaye isebenze ngokuchanekileyo kwezi bhrawuza ngokunjalo. Ulwazi oluthe ngqo lwenkxaso lunikiwe ngezantsi.
Ungalufumana uluhlu lwethu oluxhaswayo lwebhrawuza kunye neenguqulelo zazo kweyethu.browserslistrc file
:
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Sisebenzisa iAutoprefixer ukujongana nenkxaso yebhrawuza ecetyiweyo ngokusebenzisa izimaphambili zeCSS, esebenzisa uluhlu lweBhrawuza ukulawula ezi nguqulelo zebrawuza. Qhagamshelana namaxwebhu abo malunga nendlela yokudibanisa ezi zixhobo kwiiprojekthi zakho.
Izixhobo eziphathwayo
Ngokubanzi, iBootstrap ixhasa iinguqulelo zamva nje zesikhangeli esikhulu seqonga ngalinye. Qaphela ukuba iibrowser zeproxy (ezifana ne-Opera Mini, imowudi ye-Opera Mobile ye-Turbo, i-UC Browser Mini, i-Amazon Silk) ayixhaswanga.
IChrome | IFirefox | Safari | Isikhangeli se-Android kunye ne-WebView | |
---|---|---|---|---|
Android | Ixhasiwe | Ixhasiwe | - | v6.0+ |
iOS | Ixhasiwe | Ixhasiwe | Ixhasiwe | - |
Iibhrawuza zeDesktop
Ngokufanayo, iinguqulelo zamva nje zebrowser ezininzi zedesktop ziyaxhaswa.
IChrome | IFirefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
IMac | Ixhasiwe | Ixhasiwe | Ixhasiwe | Ixhasiwe | Ixhasiwe |
IiWindows | Ixhasiwe | Ixhasiwe | Ixhasiwe | Ixhasiwe | - |
KwiFirefox, ukongeza kukhupho oluzinzileyo lwamva nje oluqhelekileyo, sikwaxhasa inguqulelo yamva nje yokukhutshwa kweNkxaso eYandisiweyo (ESR) yeFirefox.
Ngokungekho mthethweni, iBootstrap kufuneka ijonge kwaye iziphathe kakuhle ngokwaneleyo kwiChromium kunye neChrome yeLinux, kunye neFirefox yeLinux, nangona ingaxhaswanga ngokusemthethweni.
Internet Explorer
I-Internet Explorer ayixhaswanga. Ukuba ufuna inkxaso ye-Internet Explorer, nceda usebenzise iBootstrap v4.
Iimodyuli kunye nokwehla kwiselula
Ukuphuphuma kunye nokuskrola
Inkxaso yento ilinganiselwe kakhulu kwi-iOS kunye ne-Android overflow: hidden;
. <body>
Ukuza kuthi ga ngoku, xa uskrola udlule ngaphezulu okanye ezantsi kwemodali kuso nasiphi na isikhangeli sezixhobo, <body>
umxholo uya kuqalisa ukuskrola. Jonga i-Chrome bug #175502 (ilungiswe kwi-Chrome v40) kunye ne- WebKit bug #153852 .
Iinkalo zetekisi ye-iOS kunye nokuskrola
Ukususela kwi-iOS 9.2, ngelixa i-modal ivuliwe, ukuba i-touch yokuqala ye-scrolling gesture ingaphakathi komda wesicatshulwa <input>
okanye i- <textarea>
, <body>
umxholo ongaphantsi kwe-modal uya kuskrolwa endaweni ye-modal ngokwayo. Jonga i-WebKit bug #153856 .
Navbar eyehlayo
Into .dropdown-backdrop
ayisetyenziswanga kwi-iOS kwi-nav ngenxa yobunzima be-z-indexing. Ke, ukuvala ukwehla kwii-navbar, kufuneka ucofe ngokuthe ngqo into eyehlayo (okanye nayiphi na enye into eya kutshisa isiganeko sokucofa kwi-iOS ).
Ukwandisa ibrowser
Usondezo lwephepha lubonisa ngokungenakuthintelwa unikezelo lwezinto zakudala kwamanye amalungu, zombini kwiBootstrap kunye newebhu iyonke. Kuxhomekeke kumcimbi, singakwazi ukuwulungisa (khangela kuqala uze uvule umba ukuba kukho imfuneko). Nangona kunjalo, sikholisa ukungazinanzi ezi zinto njengoko zihlala zingenaso isisombululo esithe ngqo ngaphandle kwee-hacky workarounds.
Iziqinisekiso
Ukuze unikeze amava angcono kakhulu kwiziphequluli ezindala kunye ne-buggy, i-Bootstrap isebenzisa i - CSS i-hacks ye-browser kwiindawo ezininzi ukujolisa i-CSS ekhethekileyo kwiinguqulelo ezithile zebrawuza ukuze isebenze malunga neebhugi kwizikhangeli ngokwazo. Ezi hacks ngokuqondakalayo zibangela ukuba abaqinisekisi beCSS bakhalaze ukuba abakho mthethweni. Kwiindawo ezimbalwa, sikwasebenzisa iimpawu ze-CSS ezophayo ezingekamiswa ngokupheleleyo, kodwa ezi zisetyenziselwa uphuculo oluqhubekayo.
Ezi zilumkiso zokuqinisekisa azinamsebenzi xa kusenziwa oko ekubeni icandelo elingenabuqhophololo le-CSS yethu liqinisekisa ngokupheleleyo kwaye izahlulo ezikhohlisayo aziphazamisi ukusebenza kakuhle kwenxalenye engeyiyo i-hacky, kungoko sityeshela ngabom ezi zilumkiso.
Amaxwebhu ethu e-HTML nawo anezilumkiso ezingenamsebenzi nezingabalulekanga zokuqinisekiswa kwe-HTML ngenxa yokufakwa kwethu kwenkqubo ethile ye -Firefox bug .