为什么浏览器一打开f12的开发者的窗口，浏览器的高度就变少，我需要获取浏览器的屏幕并减去某些标签的高度获得剩余高度，但是每次浏览器的高度发生变化就不对了

当你打开浏览器的开发者工具（通常是F12键），浏览器为了提供更好的调试体验，通常会切换到一个全屏模式或是最大化显示面板，这可能会暂时改变浏览器窗口的实际可视区域高度，包括地址栏、菜单栏以及一些控制条。这种设计允许开发者更方便地查看和操作网页元素。

如果你需要动态获取浏览器屏幕高度，并排除特定标签的高度，你应该在窗口大小变化时监听`window.resize`事件。然后，在这个事件处理函数中，你可以通过JavaScript获取当前窗口的`clientHeight`（不包括滚动条的高度）或者`innerHeight`（包括滚动条的高度）属性，同时减去你需要去除的标签的高度。

例如：

window.addEventListener('resize', function() {
  const totalHeight = window.innerHeight; // 或者 window.clientHeight
  const tagHeight = document.getElementById('yourTagId').offsetHeight;
  const remainingHeight = totalHeight - tagHeight;

  // 使用remainingHeight进行后续计算或操作
});

在这个例子中，你需要替换`yourTagId`为实际标签的ID，然后`remainingHeight`就是剩余可用的高度。