Bootstrap/docs/4.5/browser-bugs
来自菜鸟教程
浏览器漏洞墙
过时的内容
该页面已过时,不再适用于最新版本的Bootstrap。 现在,这里纯粹是出于历史目的,将在我们的下一个主要版本中将其删除。
目前,Bootstrap可以解决主要浏览器中几个突出的浏览器错误,以提供最佳的跨浏览器体验。 我们无法解决某些错误,例如下面列出的错误。
我们在此公开列出了影响我们的浏览器错误,以期加快修复它们的过程。 有关Bootstrap浏览器兼容性的信息, 查看我们的浏览器兼容性文档 .
也可以看看：
- 铬问题536263：[元影响Bootstrap的问题]
- Mozilla错误1230801：修复了影响Bootstrap的问题
- WebKit错误159753：[元影响Bootstrap的问题]
- jQuery的浏览器错误解决方法
| 浏览器 | 错误摘要 | 上游错误 | 引导程序问题 |
|---|---|---|---|
| Edge | 可滚动模式对话框中的视觉工件 | 边缘问题#9011176 | #20755 |
| Edge | 本机浏览器工具提示 title 显示在第一个键盘焦点上（除了自定义工具提示组件）
|
边缘问题#6793560 | #18692 |
| Edge | 悬停的元素仍然保留在 :hover 滚动离开后的状态。
|
边缘问题#5381673 | #14211 |
| Edge | CSS border-radius 有时会导致 background-color 父元素的
|
边缘问题#3342037 | #16671 |
| Edge | background of <tr> 仅应用于第一个子单元,而不应用于行中的所有单元
|
边缘问题#5865620 | #18504 |
| Edge | 在某些情况下,下层的背景色会通过透明边框渗出 | 边缘问题#6274505 | #18228 |
| Edge | 将鼠标悬停在后代SVG元素上 mouseleave 祖先事件
|
边缘问题#7787318 | #19670 |
| Edge | 活性 position: fixed; <button> 滚动时闪烁
|
边缘问题#8770398 | #20507 |
| 火狐 | .table-bordered 空着 <tbody> 缺少边界。
|
Mozilla错误#1023761 | #13453 |
| 火狐 | 如果通过JavaScript更改了表单控件的禁用状态,则刷新页面后不会恢复正常状态。 | Mozilla错误#654072 | #793 |
| 火狐 | focus 不应该在 document 宾语
|
Mozilla错误#1228802 | #18365 |
| 火狐 | 宽泛的表格不会换行 | Mozilla错误#1277782 | #19839 |
| 火狐 | 出于某些目的,鼠标有时不在元素内 mouseenter/mouseleave 当它在SVG元素中时
|
Mozilla错误#577785 | #19670 |
| 火狐 | 打印时列浮动的布局中断 | Mozilla错误#1315994 | #21092 |
| Firefox（Windows） | 的右边界 <select> 屏幕设置为非常规分辨率时有时会丢失菜单
|
Mozilla错误#545685 | #15990 |
| Firefox（macOS和Linux） | 徽章小部件导致“选项卡”小部件的底部边框意外地不重叠 | Mozilla错误#1259972 | #19626 |
| Chrome（macOS） | 点击上方 <input type="number"> 增量按钮闪烁减量按钮。
|
铬问题#419108 | of #8350 & 铬问题#337668 |
| 铬 | 具有alpha透明度的CSS无限线性动画会泄漏内存。 | 铬问题#429375 | #14409 |
| 铬 | table-cell 尽管边界不重叠 margin-right: -1px
|
铬问题#749848 | #17438 , #14237 |
| 铬 | 不要做 :hover 贴在触摸式网页上
|
铬问题#370155 | #12832 |
| 铬 | position: absolute 比其列宽的元素被错误地裁剪到列边界
|
铬问题#269061 | #20161 |
| 铬 | 根据文本中的字体数量,带有文本的动态SVG的性能显着下降 font-family.
|
铬问题#781344 | #24673 |
| 苹果浏览器 | rem 媒体查询中的广告单元应使用 font-size: initial ,而不是根元素的 font-size
|
WebKit错误#156684 | #17403 |
| 苹果浏览器 | 使用id和tabindex链接到容器会导致VoiceOver忽略容器（影响跳过链接） | WebKit错误#163658 | #20732 |
| 苹果浏览器 | CSS min-width and max-width 媒体功能不应舍入小数像素
|
WebKit错误#178261 | #25166 |
| Safari（macOS） | px,em ,和 rem 应用页面缩放时,媒体查询中的所有行为都应该相同
|
WebKit错误#156687 | #17403 |
| Safari（macOS） | 一些奇怪的按钮行为 <input type="number"> 元素。
|
WebKit错误#137269 , 苹果Safari雷达#18834768 | #8350 , 规范化#283 , 铬问题#337668 |
| Safari（macOS） | 打印固定宽度的网页时字体较小 .container.
|
WebKit错误#138192 , 苹果Safari雷达#19435018 | #14868 |
| Safari（iOS） | transform: translate3d(0,0,0); 渲染错误。
|
WebKit错误#138162 , 苹果Safari雷达#18804973 | #14603 |
| Safari（iOS） | 滚动页面时,文本输入的光标不会移动。 | WebKit错误#138201 , 苹果Safari雷达#18819624 | #14708 |
| Safari（iOS） | 输入一长串文字后,无法将游标移至文字开头 <input type="text">
|
WebKit错误#148061 , 苹果Safari雷达#22299624 | #16988 |
| Safari（iOS） | display: block 导致时间文本 <input> 变成垂直未对准
|
WebKit错误#139848 , 苹果Safari雷达#19434878 | #11266 , #13098 |
| Safari（iOS） | 轻按 <body> 不会开火 click 事件
|
WebKit错误#151933 | #16028 |
| Safari（iOS） | position:fixed 当在iPhone 6S + Safari上可见选项卡栏时,位置错误
|
WebKit错误#153056 | #18859 |
| Safari（iOS） | 进入 <input> 在一个 position:fixed 元素滚动到页面顶部
|
WebKit错误#153224 , 苹果Safari雷达#24235301 | #17497 |
| Safari（iOS） | <body> with overflow:hidden CSS在iOS上可滚动
|
WebKit错误#153852 | #14839 |
| Safari（iOS） | 在文本字段中滚动手势 position:fixed 元素有时会滚动 <body> 而不是可滚动的祖先
|
WebKit错误#153856 | #14839 |
| Safari（iOS） | 模态与 -webkit-overflow-scrolling: touch 添加文字使其变高后无法滚动
|
WebKit错误#158342 | #17695 |
| Safari（iOS） | 不要做 :hover 贴在触摸式网页上
|
WebKit错误#158517 | #12832 |
| Safari（iOS） | 元素是 position:fixed 打开一个后消失 <select> menu
|
WebKit错误#162362 | #20759 |
| Safari（iPad Pro） | 的后代渲染 position: fixed 元素以横向放置在iPad Pro上
|
WebKit错误#152637 , 苹果Safari雷达#24030853 | #18738 |
最想要的功能
Web标准中指定了几项功能,这些功能使我们能够使Bootstrap更加健壮,美观或性能更高,但尚未在某些浏览器中实现,因此使我们无法利用它们。
我们在此处公开列出了这些“最想要的”功能请求,以期加快实现它们的过程。
| 浏览器 | 功能概要 | 上游问题 | 引导程序问题 |
|---|---|---|---|
| Edge | Focusable elements should fire focus event / receive :focus styling when they receive Narrator/accessibility focus | Microsoft A11y UserVoice想法#16717318 | #20732 |
| Edge | 实施 :dir() 伪类 从选择器级别4
|
边缘UserVoice的想法#12299532 | #19984 |
| Edge | 实施HTML5 <dialog> 元件
|
边缘UserVoice的想法#6508895 | #20175 |
| Edge | 开火 transitioncancel 事件 取消CSS过渡时
|
边缘UserVoice的想法#15939898 | #20618 |
| Edge | 实施 of <selector-list> 条款 的 :nth-child() 伪类
|
边缘UserVoice的想法#15944476 | #20143 |
| 火狐 | 实施 of <selector-list> 条款 的 :nth-child() 伪类
|
Mozilla错误#854148 | #20143 |
| 火狐 | 实施HTML5 <dialog> 元件
|
Mozilla错误#840640 | #20175 |
| 火狐 | 当虚拟焦点位于按钮或链接上时,也将实际焦点对准元素 | Mozilla错误#1000082 | #20732 |
| 铬 | 开火 transitioncancel 事件 取消CSS过渡时
|
铬问题#642487 | 铬问题#437860 |
| 铬 | 实施 of <selector-list> 条款 的 :nth-child() 伪类
|
铬问题#304163 | #20143 |
| 铬 | 实施 :dir() 伪类 从选择器级别4
|
铬问题#576815 | #19984 |
| 苹果浏览器 | 开火 transitioncancel 事件 取消CSS过渡时
|
WebKit错误#161535 | #20618 |
| 苹果浏览器 | 实施 :dir() 伪类 从选择器级别4
|
WebKit错误#64861 | #19984 |
| 苹果浏览器 | 实施HTML5 <dialog> 元件
|
WebKit错误#84635 | #20175 |
