如何使用缩小代码处理引导工具提示？

Question

我使用了缩小（缩放）代码来增加模板的面积。

我已经在按钮上使用了工具提示，但由于缩放 CSS 代码，工具提示被放错了位置。

    body {
        -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
        zoom: 0.8; /* Other non-webkit browsers */
        zoom: 80%; /* Webkit browsers */
    }

<button data-toggle="tooltip" title="Hide Sensitive Info">

有什么建议如何处理这个问题吗？

Answer 1

尝试将缩放应用于 html 标签。就我而言，它正在发挥作用。

html {
    -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
    zoom: 0.8; /* Other non-webkit browsers */
    zoom: 80%; /* Webkit browsers */
}