# Windows 10 為了效能提升關閉了一堆視覺效果 Ex.為什麼我的電腦開網頁沒有 Boostrap 的動畫效果 ? ###### tags: `被玩壞了` ## windows 10 視窗拖曳效果只剩下框 ![](https://i.imgur.com/p9COvad.png) ### 原來是被調成最佳效能 !! 調整成最佳外觀 !! ![](https://i.imgur.com/hq3CIzK.png) [參考](https://www.mobile01.com/topicdetail.php?f=514&t=5568199) ## 為什麼我的電腦開網頁沒有 Boostrap 的動畫效果 ? ### 發現沒有慢慢展開/收起的感覺 ![](https://i.imgur.com/WacmQPL.gif) #### 正常情況 ![](https://i.imgur.com/DWYUXp3.gif) ### 原因 #### 有人問了[這個問題](https://github.com/twbs/bootstrap/issues/27525) #### [問題解答](https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/prefers-reduced-motion) > this relates to the prefers-reduced-motion media query which we added to bootstrap, and how Firefox 63 now adopts this (see https://bugzilla.mozilla.org/show_bug.cgi?id=1365045) > > for windows 10 version: Firefox now looks at the "Show animations in Windows" option in windows settings. if that's set to off, it interprets this as a desire to have no animations overall and the prefers-reduced-motion: reduce media feature kicks in, which removes all transitions. #### 什麼是 [prefers-reduced-motion](https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/prefers-reduced-motion)? [CSS 媒體查詢特性](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features) prefers-reduced-motion用於檢測用戶的系統是否被開啟了動畫衰減功能。 #### Boostrap 官方文件 ![](https://i.imgur.com/aUDx2Aq.png) #### 跟 Windows 有關... ![](https://i.imgur.com/h9MVYbw.png)