Browser ne mfiri ahorow
Sua browser ne mfiri ahorow, efi nnɛyi kosi dedaw so, a Bootstrap boa, a quirks ne bugs a wonim ma emu biara ka ho.
Browser ahorow a wɔboa
Bootstrap boa browser akɛse ne platform ahorow nyinaa a wɔayi no adi a ɛyɛ foforo a ɛyɛ den .
Browsa foforo a ɛde WebKit, Blink, anaa Gecko a aba foforo di dwuma, sɛ ɛyɛ tẽẽ anaasɛ ɛnam platform no wɛb hwɛ API so no, wɔmfa mmoa pefee. Nanso, ɛsɛ sɛ Bootstrap (wɔ nsɛm dodow no ara mu) da adi na ɛyɛ adwuma yiye wɔ saa browser ahorow yi nso mu. Wɔde mmoa ho nsɛm pɔtee pii ama wɔ ase ha.
Wubetumi ahu yɛn browser ahorow a yɛboa ne wɔn nkyerɛase ahorow wɔ yɛn.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
Yɛde Autoprefixer di dwuma de di browser mmoa a yɛpɛ sɛ yɛyɛ ho dwuma denam CSS prefixes so, a ɛde Browserslist di dwuma de hwɛ browser nkyerɛase ahorow yi so. Hwɛ wɔn nkrataa mu na woahu sɛnea wode saa nnwinnade yi bɛka wo nnwuma ho.
Mfiri a wɔde di dwuma wɔ telefon so
Sɛ yɛbɛka no ɔkwan biara so a, Bootstrap boa platform kɛse biara default browser ahorow no nkyerɛase a aba foforo. Hyɛ no nsow sɛ wɔmfa proxy brawsa ahorow (te sɛ Opera Mini, Opera Mobile no Turbo mode, UC Browser Mini, Amazon Silk) ntom.
| Chrome na ɛwɔ hɔ | Firefox a ɛwɔ hɔ | Safari a wɔde di dwuma | Android Browser & Wɛbsaet Hwɛ | |
|---|---|---|---|---|
| Android so | Wɔboaa no | Wɔboaa no | — . | v6.0+ na ɛwɔ hɔ |
| iOS a ɛwɔ hɔ no | Wɔboaa no | Wɔboaa no | Wɔboaa no | — . |
Desktop browser ahorow a wɔde di dwuma
Saa ara nso na wɔboa desktop browser dodow no ara a aba foforo no.
| Chrome na ɛwɔ hɔ | Firefox a ɛwɔ hɔ | Microsoft Edge a ɛwɔ hɔ no | Opera | Safari a wɔde di dwuma | |
|---|---|---|---|---|---|
| Mac na ɛwɔ h�� | Wɔboaa no | Wɔboaa no | Wɔboaa no | Wɔboaa no | Wɔboaa no |
| Windows a ɛwɔ hɔ | Wɔboaa no | Wɔboaa no | Wɔboaa no | Wɔboaa no | — . |
Firefox deɛ, ɛde ka normal stable release a ɛtwa toɔ no ho no, yɛsan nso boa Extended Support Release (ESR) version a ɛtwa toɔ a ɛwɔ Firefox no mu.
Wɔ ɔkwan a ɛnyɛ aban kwan so no, ɛsɛ sɛ Bootstrap hwɛ na ɛyɛ n’ade yiye wɔ Chromium ne Chrome ma Linux, ne Firefox ma Linux, ɛwom sɛ wɔmfa aban mmoa mma de.
Intanɛt so Nhwehwɛmu
Internet Explorer no ntumi nyɛ adwuma. Sɛ wopɛ Internet Explorer mmoa a, yɛsrɛ wo fa Bootstrap v4 di dwuma.
Modals ne dropdowns wɔ mobile so
Overflow ne scroll a ɛrekɔ so
Mmoa ma overflow: hidden;wɔ <body>element no so no yɛ kakraa bi koraa wɔ iOS ne Android mu. Nea ɛbɛyɛ na woatumi ayɛ saa no, sɛ wokɔ modal bi atifi anaa ase wɔ saa mfiri ahorow no browser ahorow no mu biara mu a, <body>emu nsɛm no befi ase atutu. Hwɛ Chrome bɔne #175502 (wɔasiesie wɔ Chrome v40 mu) ne WebKit bɔne #153852 .
iOS nsɛm a wɔde kyerɛw nsɛm ne scrolling
Ɛde besi iOS 9.2 no, bere a modal bi abue no, sɛ nhoma mmobɔwee sɛnkyerɛnne bi a wɔde nsa ka mfiase no wɔ nkyerɛwee <input>anaa a hye mu a <textarea>, <body>wɔbɛkyerɛw nsɛm a ɛwɔ modal no ase no sen sɛ wɔbɛkyerɛw modal no ankasa. Hwɛ WebKit bɔne #153856 .
Navbar Nneɛma a Wɔde Totɔ Nneɛma
Wɔmfa .dropdown-backdropelement no nni dwuma wɔ iOS so wɔ nav no mu esiane z-indexing a ɛyɛ den nti. Enti, sɛ wobɛto dropdowns mu wɔ navbars mu a, ɛsɛ sɛ wobɔ dropdown element no tẽẽ (anaasɛ element foforo biara a ɛbɛtow click event wɔ iOS ).
Browser a ɛreyɛ kɛse
Kratafa a wɔde yɛ kɛse no de rendering artifacts kyerɛ wɔ nneɛma bi mu a wontumi nkwati, wɔ Bootstrap ne wɛb no fã a aka no nyinaa mu. Ɛgyina asɛm no so no, ebia yebetumi asiesie (di kan hwehwɛ na afei sɛ ɛho hia a, bue asɛm bi). Nanso, yɛtaa bu yɛn ani gu eyinom so sɛnea wɔtaa nni ano aduru tẽẽ biara gye hacky workarounds.
Wɔn a wɔma ɛyɛ nokware
Sɛnea ɛbɛyɛ a wobenya osuahu a eye sen biara ama browser dedaw ne nea ɛyɛ bɔne no, Bootstrap de CSS browser hacks di dwuma wɔ mmeae pii de de wɔn ani si CSS soronko so wɔ browser ahorow bi so sɛnea ɛbɛyɛ a ɛbɛyɛ adwuma atwa mfomso ahorow a ɛwɔ browser ahorow no ankasa mu ho dwuma. Ntease wom sɛ saa hacks yi ma CSS validators nwiinwii sɛ ɛnyɛ adwuma. Wɔ mmeae awarefo bi no, yɛsan nso de bleeding-edge CSS features a wonnya nyɛɛ standardized koraa di dwuma, nanso wɔde eyinom di dwuma ma nkɔso a ɛkɔ so ara kwa.
Saa validation kɔkɔbɔ ahorow yi ho nhia wɔ nneyɛe mu efisɛ yɛn CSS no fã a ɛnyɛ hacky no yɛ validate koraa na hacky afã horow no nsiw ɔfã a ɛnyɛ hacky no dwumadi yiye no kwan, ɛno nti na yɛhyɛ da bu yɛn ani gu kɔkɔbɔ pɔtee yi so.
Yɛn HTML docs no nso wɔ HTML validation kɔkɔbɔ ahorow bi a ɛho nhia na ɛho nhia esiane sɛ yɛde adwuma bi a yɛde besiesie Firefox bɔne bi aka ho nti .