css - 如何防止在 Windows Edge 上进行转换？

Question

我使用的所有其他动画效果都很好。 Windows Edge 不是这种情况。

所以我想阻止这些动画在 Edge 上触发。

这是我要防止的:

        &:hover:not(.selected-shown) {
            img {
                transform: scale(1.1);
            }
        }

那个transform:scale，我怎么能只在CSS/SCSS上指向Edge？

Answer 1

您可以使用 @supports 并测试 Edge 特定属性。像这样

   &:hover:not(.selected-shown) {
       img {
            transform: scale(1.1);
        }
      @supports (-ms-ime-align:auto) {
        img { transform: none; } 
      }
    }

感谢 Jeff Clayton 的帖子

https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/