自定义自引导侧边栏的高度

Question

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

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

缩放级别存储在cookie中，并在用户下次访问同一页面时自动应用。这工作得很好，唯一的问题是一个侧边栏，我用来显示一些帮助信息不缩放缩放级别。侧边栏的高度似乎有一个固定的高度，等于正常缩放水平下的屏幕高度。如果我像上面那样使用90%的缩放级别，侧边栏就会比视窗高度短。是否有一种方法来强制侧边栏的高度?

Answer 1

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