css - 在浏览器中自动缩放 Bootstrap 元素

Question

我创建了一个使用 Bootstrap 元素的网络应用程序。当我投入生产时，我注意到在某些浏览器(即:Safari、Firefox)上，我的网页会自动缩放，因此元素看起来比我在本地环境中设计它们时更大(在 Chrome 中看起来不错)。

Safari :

手动修复缩放后:

代码: on my github

有人可以帮我指明正确的方向吗？如果我在其他浏览器上手动减小浏览器缩放，我的网页看起来很好。我想在我这边找到一种不需要手动更改缩放百分比的解决方案。

Answer 1

您好，如果我理解正确的话，您希望在 Safari 和 Firefox 中缩小您的内容。这个页面有一些我认为你可能感兴趣的东西。摆弄它。 https://css-tricks.com/almanac/properties/t/transform/

基本上 scale() 会影响元素的大小。这也适用于元素的字体大小、填充、高度和宽度。它也是 scaleX 和 scaleY 函数的简写函数。