Html 浏览器调整大小时，过渡将不应用于高度

当我调整浏览器的大小，并且宽度低于1001px或高于1000px时，我希望导航的高度逐渐改变。相反，它会捕捉到新高度。有什么想法吗

nav.cust-navbar {
    -webkit-transition: height 2s;
    transition: height 2s;           
}


@media(max-width:1000px) {

    nav.cust-navbar {
        height: 94px;
    }

}

---

您需要设置导航栏的高度，因为初始值是自动的。 尝试给它一个固定的或百分比的高度，以便它可以在它们之间转换

例：

---

您需要设置导航栏的高度，因为初始值是自动的。 尝试给它一个固定的或百分比的高度，以便它可以在它们之间转换

例：

---

在引导中，仅为navbar编写了两个媒体查询

1） 一个小于767px

2） 另一个用于最小宽度：768px

在第二个媒体查询中，最小宽度为768px，其中导航栏高度的CSS设置为自动！重要信息，因为导航栏右侧浮动到导航栏的右侧，当我们减小浏览器的大小时，浮动到右侧的导航栏右侧会自动下降，因此，导航栏的高度最终会捕捉。

---

因此，如果您希望进行转换，那么请提及其高度x高度，因为自动转换不会改变转换效果。

在引导中，仅为导航栏编写两个媒体查询

1） 一个小于767px

2） 另一个用于最小宽度：768px

在第二个媒体查询中，最小宽度为768px，其中导航栏高度的CSS设置为自动！重要信息，因为导航栏右侧浮动到导航栏的右侧，当我们减小浏览器的大小时，浮动到右侧的导航栏右侧会自动下降，因此，导航栏的高度最终会捕捉。

---

因此，如果你想让过渡发生，那么就提到它的高度x高度，因为“自动”不会改变过渡效果。

太好了！非常感谢。精彩的！非常感谢。谁说他用的是bootstrap？问题是关于css转换的问题。因为在引导导航栏中，高度捕捉为991px。您只提到高度设置为自动。那么你从哪里得到的高度自动？问题是我没有设置初始高度。显然，你不能使用默认高度，它需要一个特定的设置高度来设置动画。谁说他在使用引导？问题是关于css转换的问题。因为在引导导航栏中，高度捕捉为991px。您只提到高度设置为自动。那么你从哪里得到的高度自动？问题是我没有设置初始高度。显然，您不能使用默认高度，它需要特定的设置高度才能设置动画。

nav.cust-navbar {
    height: 300px;// or height: 20%
    -webkit-transition: height 2s;
    transition: height 2s;           
}