# 点击图片可能导致动画缩放

**URL:** https://meta.discourse.org/t/clicking-on-images-can-cause-animated-zooming/208531
**Category:** Bug
**Created:** [2021年十一月8日 09:30 UTC](https://meta.discourse.org/t/clicking-on-images-can-cause-animated-zooming/208531 "2021-11-08T09:30:49Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![MarjaE2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marjae2/32/239354_2.png) [@MarjaE2](https://meta.discourse.org/u/MarjaE2)
#### Post date: [2021年十一月8日 09:30 UTC](https://meta.discourse.org/t/clicking-on-images-can-cause-animated-zooming/208531/1 "2021-11-08T09:30:49Z")

</div>

如果我点击某些图片，Discourse 会动画缩放图片。

这种缩放动画可能会引发偏头痛。Google Maps 是一个更糟糕的例子。移除动画，或者检查 prefers-reduced-motion 并以此为线索跳过动画，对患有偏头痛的用户来说会更安全。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2021年十一月9日 14:30 UTC](https://meta.discourse.org/t/clicking-on-images-can-cause-animated-zooming/208531/3 "2021-11-09T14:30:16Z")

</div>

是的，我认为我们应该在这里使用 `prefers-reduced-motion`，这很有意义。感谢您的建议！

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2021年十一月9日 16:27 UTC](https://meta.discourse.org/t/clicking-on-images-can-cause-animated-zooming/208531/5 "2021-11-09T16:27:32Z")

</div>

非常感谢提出这个问题 👍

通过此 PR，如果您的计算机上设置了 `prefers-reduced-motion`，缩放现在应该已被消除。["A11Y: Add prefers reduced motion" by jordanvidrine · Pull Request #14859 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/14859)