如何更改浏览器中的`首选简化动作‘设置? [英] How do I change the `prefers-reduced-motion` setting in browsers?

查看:39
本文介绍了如何更改浏览器中的`首选简化动作‘设置?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有关如何在CSS中使用prefers-reduced-motion媒体查询的文档很多。

这很好,但是现在我在CSS中使用prefers-reduced-motion,我希望能够测试启用此设置的用户使用我的站点是什么样子。但是,我找不到有关如何执行此操作的任何信息,并且在浏览器设置中查找此设置时遇到困难。

可能这根本不是浏览器设置。也许这是在操作系统级别设置的内容。🤔

mdn

哦,我没有看到推荐答案文档中的";User Preferences";部分。🤦🏻‍♂️

对于Firefox,如果满足以下条件,则接受Reduce请求:

  • 在gtk/gnome中,如果gtk-enable-Animations设置为false。这可以通过GNOME调整(外观选项卡或常规选项卡,取决于版本)进行配置。
    • 也可以将gtk-enable-animations = false添加到GTK 3配置文件的[设置]挡路中(~/.config/gtk-3.0/settings.ini)。
  • 在Windows 10中:设置>;轻松访问>;显示>;在Windows中显示动画。
  • 在Window 7[&;8]中:控制面板>;便于访问>;使计算机更容易看到>;关闭所有不必要的动画(如果可能)。
  • 在MacOS中:系统首选项>;辅助功能>;显示>;减少运动。
  • 在iOS中:设置>;常规>;辅助功能>;减少运动。
  • 在Android 9+中:设置>;辅助功能>;删除动画。

来源:https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#User_Preferences

对于Firefox";,它显示";,但是,由于这是操作系统级别的系统设置,因此您可能会更改支持此媒体查询的所有浏览器的设置。

这篇关于如何更改浏览器中的`首选简化动作‘设置?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆