Проблемы с масштабированием HTML с помощью всплывающей подсказки и Bootstrap 5. ⇐ CSS

[Гость]

Мне нужно было изменить масштаб CSS на 90 %, поэтому всплывающие подсказки полностью потеряли правильное положение в элементах.

Чтобы лучше понять, если вы зайдете на веб-сайт всплывающей подсказки в документации Bootstrap 5 и запустите этот скрипт ниже, вы увидите, что даже на этой странице всплывающая подсказка находится в неправильном положении, мне нужна помощь, чтобы это исправить.
р>
Подсказка по документации

Скрипт для запуска в консоли браузера:

// Уничтожаем всплывающие подсказки вар TooltipList = bootstrap.Tooltip.getInstance(document.body); если (tooltipList) { TooltipList.dispose(); } // Масштабируем до 90% document.body.style.zoom = '90%'; // Запускаем всплывающие подсказки снова vartooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); TooltipTriggerList.map(функция (tooltipTriggerEl) { вернуть новый bootstrap.Tooltip(tooltipTriggerEl); }); Даже если я просто увеличу масштаб, произойдет то же самое.

Вот мой CSS, я уже использовал масштабирование и преобразование:масштаб как в «html», так и в «body».
html { масштаб: 0,9; масштаб: 90%; ширина: 111,11vw; минимальная высота: 111.11vh; маржа: 0; заполнение: 0; переполнение-х: скрыто; }