JavaScript-当我的HTML元素变得非常非常小时，它会随着窗口一起缩小-堆栈溢出

顺晟科技

2022-10-18 12:19:47

<代码>.TopBarContainer{高度：50px；背景色：var（--main-color）；底部边框：2px实心RGB（235，80，106）；显示：Flex；align-items：居中；位置：粘性；顶部：0px；Z指数：999；Overflow-X：隐藏；}

正如你所看到的，我为顶栏设置了高度。它应该始终为50px.但是当窗口变得非常非常窄时，它不再遵守50px的固定高度，而只是与窗口成比例地缩小。如何解决这个问题，使顶栏始终保持在50px？

顺晟科技：

任何flex容器的

.topbarContainer {
  height: 50px;
  background-color: var(--main-color);
  border-bottom: 2px solid rgb(235, 80, 106);
  display: flex;
  align-items: center;
  position: sticky;
  top: 0px;
  z-index: 999;
  overflow-x: hidden;
}

的

默认值都是flex，这意味着所有项目都将缩小以适应容器，但不会超过指定的大小（在本例中为50px）。您希望flex: 0 1 auto为0，因此简写为flex-shrink。

上一篇：在哪里可以找到视频HTML元素的引用下一篇：JavaScript-$_个文件[&

网站建设

Html

JavaScript-当我的HTML元素变得非常非常小时，它会随着窗口一起缩小-堆栈溢出