我在页面上的几个元素上分配了宽度和高度的转换,包括顶部导航栏和<main>元素。当用户调整页面大小时,元素会动态改变其宽度/高度等。
除了导航到新页面之外,这种方法工作得很好。当页面加载时,元素从其指定的最大宽度动画到其标准宽度。这不是从max-width到width的动画,而是类似于以下内容:
nav {
height: 25px;
transition: all 0.2s ease-in-out;
}
@media all and (max-height: 200px) {
nav {
height: 50px;
}
}
在这个真