Css 首选简化运动媒体查询';我不想让我有一个带动画的引导模式

Css 首选简化运动媒体查询';我不想让我有一个带动画的引导模式,css,bootstrap-4,Css,Bootstrap 4,我使用的是bootstrap4模式,问题是没有显示淡入淡出动画和幻灯片动画。我在搜索,我发现了问题。在transitions.scss文件中,有一个正在应用的媒体查询,称为@media screen和(首选简化运动:reduce)。这些查询使过渡褪色,但没有发生,因此它显示如下: @media screen and (prefers-reduced-motion: reduce) .fade { transition: none; } 您可以看到测试和开发的实时示例:(单击aviso

我使用的是
bootstrap4模式
,问题是没有显示
淡入淡出动画
和幻灯片动画。我在搜索,我发现了问题。在
transitions.scss
文件中,有一个正在应用的媒体查询,称为@media screen和(首选简化运动:reduce)。这些查询使过渡褪色,但没有发生,因此它显示如下:

@media screen and (prefers-reduced-motion: reduce)
.fade {
    transition: none;
}
您可以看到测试和开发的实时示例:(单击aviso legal、Condicines、PrivateAdd…链接,您将看到它)。
这是自动发生的,我如何才能禁用它并使动画工作?

如图所示,您需要查看动画。如果可能的话,请不要在CSS中覆盖这一点,因为这会带来明显的可访问性影响。

在Chrome中,这似乎对我来说很好……这并不奇怪,因为我没有将Chrome配置为要求网站从一开始就使用较少的“运动”。Bootstrap试图尊重用户的意愿,您也应该这样做。此设置旨在帮助那些在网站上有太多运动/动画/移动内容问题的人。那么我如何在Chrome上禁用该设置呢?是的,我需要在Mac设置上禁用它。谢谢大家!