自定义 bootstrap-vue 边栏的高度

Question

我在 Vue.js 中使用 bootstrap-vue 库开发了一个单页应用程序。因为我的应用程序是一个编辑器，我希望无论屏幕分辨率如何都能正确显示，所以我允许用户选择我通过以下方式设置的自定义缩放级别：

document.getElementById('html').style.zoom = '90%';

缩放级别存储在 cookie 中，并在用户下次访问同一页面时自动应用。这工作得很好，唯一的问题是我用来显示一些帮助信息的边栏不随缩放级别缩放。在正常缩放级别下，侧边栏高度似乎具有等于屏幕高度的固定高度。如果我像上面那样使用 90% 的缩放级别，则边栏看起来比视口高度短。有没有办法强制设置边栏的高度？

Answer 1

我能够通过在边栏本身上设置缩放级别来解决问题。例如，当应用程序缩放级别为 90% 时，我将侧边栏缩放级别设置为 100/0.9%。