Браузер хаталары

Bootstrap хәзерге вакытта иң яхшы кросс-браузер тәҗрибәсен җиткерү өчен зур браузерларда берничә күренекле браузер хата тирәсендә эшли. Кайбер хаталар, түбәндә күрсәтелгәннәр кебек, без чишә алмыйбыз.

Аларны төзәтү процессын тизләтү өмете белән без монда безгә йогынты ясаучы браузер хаталарын ачыклыйбыз. Bootstrap браузерының яраклашуы турында мәгълүмат алу өчен, безнең браузерның яраклашу документларын карагыз .

Шулай ук ​​кара:

Браузер (лар) Хаталар турында кыскача мәгълүмат Агымдагы хата (лар) Ботстрап чыгару;
Microsoft Edge

titleБеренче клавиатура фокусында күрсәтү өчен туган браузер кораллары (махсус кораллар компонентына өстәп)

Кыр чыгару 67 6793560 # 18692
Microsoft Edge

Күчерелгән элемент :hoverчиткә борылганнан соң да хәлдә кала.

Кыр чыгару # 5381673 # 14211
Microsoft Edge

Меню пункты өстендә йөргәндә, <select>меню астындагы элемент өчен курсор күрсәтелә.

Кыр чыгару # 817822 # 14528
Microsoft Edge

CSS кайвакыт ата- ананың border-radiusкан сызыгына китерә .background-color

Кыр чыгару # 3342037 # 16671
Microsoft Edge

backgroundрәттәге <tr>барлык күзәнәкләр урынына беренче бала күзәнәгенә генә кулланыла

Кыр чыгару # 5865620 # 18504
Microsoft Edge

@-ms-viewport{width: device-width;}әйләндергеч такталарны автоматик рәвештә яшерүнең начар йогынтысы бар

Кыр чыгару # 7165383 # 18543
Microsoft Edge

Түбән катламнан фон төсе кайбер очракларда үтә күренмәле чик аша кан китә

Кыр чыгару # 6274505 # 18228
Microsoft Edge

Нәсел SVG элементы өстендә йөрү mouseleaveата-бабаларда вакыйга

Кыр чыгару # 7787318 # 19670
Firefox

.table-borderedбуш <tbody>белән чикләр юк.

Мозилла хата # 1023761 # 13453
Firefox

Әгәр дә форма белән идарә итүнең инвалид торышы JavaScript аша үзгәртелсә, битне яңартканнан соң гадәти хәл кире кайтмый.

Мозилла хата # 654072 # 793
Firefox

focusdocumentвакыйгалар объектка атылырга тиеш түгел

Мозилла хата # 1228802 # 18365
Firefox

Киң йөзә торган өстәл яңа сызыкка төрелми

Мозилла хата # 1277782 # 19839
Firefox

Тычкан кайвакыт SVG элементлары эчендә mouseenter/ mouseleaveбулганда

Мозилла хата # 577785 # 19670
Firefox

position: absoluteаның баганасына караганда киңрәк элемент башка браузерларга караганда төрлечә күрсәтелә

Мозилла хата # 1282363 # 20161
Firefox (Windows)

<select>Экран гадәти булмаган резолюциягә куелган вакытта менюның уң чиге кайвакыт юкка чыга

Мозилла хата # 545685 # 15990
Firefox (OS X & Linux)

Бейдж виджеты Таблицалар виджетының аскы чиге көтмәгәндә капланмаска китерә

Мозилла хата # 1259972 # 19626
Chrome (Android)

Күчереп була торган капкага кагылу күренешне <input>әйләндерми<input>

Хром чыгару 59 595210 # 17338
Chrome (OS X)

Өстә <input type="number">арттыру төймәсенә басыгыз, киметү төймәсен кабыза.

Хром чыгару # 419108 83 8350 һәм хром чыгару # 337668 офшоты
Chrome

Альфа ачыклыгы белән CSS чиксез сызыклы анимация хәтерне агып чыга.

Хром чыгару 42 429375 # 14409
Chrome

:focus outlinereadonly <input>стиль уку-язуны алыштырганда курсорның күрсәтелмәвенә китерә .

Хром чыгару 46 465274 # 16022
Chrome

table-cellкарамастан, чикләр кабатланмыйmargin-right: -1px

Хром чыгару 53 534750 # 17438 , 14 14237
Chrome

<select multiple>Агымдагы вариантлар белән әйләндерү тактасына басыгыз<option>

Хром чыгару # 597642 # 19810
Chrome

:hoverСенсорлы веб-битләрдә ябыштырмагыз

Хром чыгару 37 370155 # 12832
Chrome (Windows & Linux)

Таблицалар яшерелгән вакытта анимацияләр булганнан соң, актив булмаган салынмага кире кайтканда анимация.

Хром чыгару 44 449180 # 15298
Сафари

remfont-size: initialмедиа соравындагы берәмлекләр төп элементны түгел, ә кулланып исәпләнергә тиешfont-size

WebKit хата # 156684 # 17403
Safari (OS X)

px,, emһәм remбитне зурайту кулланылганда, барысы да бер үк тәртиптә булырга тиеш

WebKit хата # 156687 # 17403
Safari (OS X)

<input type="number">Кайбер элементлар белән сәер төймә тәртибе .

WebKit хата # 137269 , Apple Safari Radar # 18834768 # 8350 , Нормальләштерегез # 283 , Хром чыгарылышы 33 337668
Safari (OS X)

Веб-битне тотрыклы киңлектә бастырганда кечкенә шрифт зурлыгы .container.

WebKit хата # 138192 , Apple Safari Radar # 19435018 # 14868
Сафари (iPad)

<select>iPad'тагы меню хит-тест өлкәләренең үзгәрүенә китерә

WebKit хата # 150079 , Apple Safari Radar # 23082521 # 14975
Сафари (iOS)

transform: translate3d(0,0,0);хата күрсәтү.

WebKit хата # 138162 , Apple Safari Radar # 18804973 # 14603
Сафари (iOS)

Битне әйләндергәндә текст кертү курсоры хәрәкәтләнми.

WebKit хата # 138201 , Apple Safari Radar # 18819624 # 14708
Сафари (iOS)

Текстның озын юлын керткәч курсорны текст башына күчерә алмыйм<input type="text">

WebKit хата # 148061 , Apple Safari Radar # 22299624 # 16988
Сафари (iOS)

display: blockвакытлыча текстның <input>вертикаль рәвештә дөрес булмавына китерә

WebKit хата # 139848 , Apple Safari Radar # 19434878 # 11266 , # 13098
Сафари (iOS)

Таплау вакыйгаларны <body>яндырмыйclick

WebKit хата # 151933 # 16028
Сафари (iOS)

position:fixediPhone 6S + Safari'да кыстыргычлар күренгәндә дөрес урнашмаган

WebKit хата # 153056 # 18859
Сафари (iOS)

<input>Элемент эченә кагылу position:fixedбитнең башына әйләнә

WebKit хата # 153224 , Apple Safari Radar # 24235301 # 17497
Сафари (iOS)

<body>CSS белән overflow:hiddeniOSда әйләндереп була

WebKit хата # 153852 # 14839
Сафари (iOS)

Элементтагы текст кырында ишарәләрне әйләндереп була торган бабалар урынына position:fixedкайвакыт әйләндерәләр<body>

WebKit хата # 153856 # 14839
Сафари (iOS)

Бер-берсеннән икенчесенә кагылу <input>селкенү / селкенү эффектына китерергә мөмкин

WebKit хата # 158276 # 19927
Сафари (iOS)

Өстәмә текст озынрак булганнан соң, модаль -webkit-overflow-scrolling: touchәйләндереп булмый

WebKit хата # 158342 # 17695
Сафари (iOS)

:hoverСенсорлы веб-битләрдә ябыштырмагыз

WebKit хата # 158517 # 12832
Safari (iPad Pro)

Элемент токымнарын күрсәтү position: fixediPad Pro'да пейзаж юнәлешендә киселгән

WebKit хата # 152637 , Apple Safari Radar # 24030853 # 18738

Иң кирәкле үзенчәлекләр

Веб стандартларда күрсәтелгән берничә үзенчәлек бар, алар безгә Bootstrap ны тагын да ныграк, нәфис яки башкаручы ясарга мөмкинлек бирәчәк, ләкин әле кайбер браузерларда кулланылмый, шулай итеп без алардан файдаланырга комачаулыйбыз.

Аларны тормышка ашыру процессын тизләтү өмете белән без монда "иң кирәкле" функция соравларын ачыклыйбыз.

Браузер (лар) Кыскача үзенчәлек Агымдагы чыгарылыш Ботстрап чыгару;
Microsoft Edge

Селекторларның 4-нче дәрәҗәсеннән :dir()псевдо-классны тормышка ашырыгыз

Edge UserVoice идеясы # 12299532 # 19984
Microsoft Edge

CSS позицияле макет 3 дәрәҗәсеннән ябыштырылган позицияне тормышка ашырыгыз

Edge UserVoice идеясы # 6263621 # 17021
Firefox

CSS күчү юкка чыкканда transitioncancelвакыйганы яндырыгыз

Мозилла хата # 1264125 Мозилла хата # 1182856
Firefox

Псевдо - класс of <selector-list>пунктларын тормышка ашырыгыз:nth-child()

Мозилла хата # 854148 # 20143
Firefox

HTML5 элементын тормышка ашырыгыз<dialog>

Мозилла хата # 840640 # 20175
Chrome

Псевдо - класс of <selector-list>пунктларын тормышка ашырыгыз:nth-child()

Хром чыгару # 304163 # 20143
Chrome

Селекторларның 4-нче дәрәҗәсеннән :dir()псевдо-классны тормышка ашырыгыз

Хром чыгару 57 576815 # 19984
Chrome

CSS позицияле макет 3 дәрәҗәсеннән ябыштырылган позицияне тормышка ашырыгыз

Хром чыгару # 231752 # 17021
Сафари

Селекторларның 4-нче дәрәҗәсеннән :dir()псевдо-классны тормышка ашырыгыз

WebKit хата # 64861 # 19984
Сафари

HTML5 элементын тормышка ашырыгыз<dialog>

WebKit хата # 84635 # 20175