删除媒体查询之间的转换？答案

【问题标题】：Removing transitions between media queries?删除媒体查询之间的转换？
【发布时间】：2017-03-21 23:56:35
【问题描述】：

我在小屏幕上有一个.hidden div，其中可见性和不透明度基于一个名为.active 的类进行转换。

当添加/删除.active 类时，我需要将可见性转换为小，以便获得良好的淡入/淡出效果。

.hidden{
    opacity: 0;
    visibility: hidden;
    transition: visibility .3s, opacity .3s ease;
}
.hidden .active{
    opacity: 1;
    visibility: visible
}

在较大的屏幕上，我关闭了过渡，并使.hidden 始终可见：

.hidden{
    visibility: visible;
    transition: none;
}

我遇到的问题是，当我从大到小时，.hidden 过渡（淡出），我不想有过渡。

那么，如何在媒体查询之间移除过渡？

【问题讨论】：

您能否发布您对媒体查询的完整代码？
和上面一模一样，我已经在帖子中描述了媒体查询。
你为什么不接近它，所以你只在需要它的媒体查询中添加过渡
Pete - 这就是我接近它的方式，当您在媒体查询之间切换时就会出现问题。
@panthro 在这种情况下，它唯一会转换的时间是从较大的尺寸移动到较小的尺寸，活动的尺寸会淡入 - 我看不出你的问题在哪里

标签： css

【解决方案1】：

您只能在数值中使用转换。你不能在可见性中使用它。尝试只使用不透明度。

【讨论】：