在浏览器中自动缩放引导元素

Question

我创建了一个使用bootstrap元素的Web应用程序。当我推向生产时，我注意到在某些浏览器（即：Safari，Firefox）上，我的网页会自动缩放，以便元素看起来比我在本地环境中设计它们时要大（在Chrome中看起来很好）。

Safari浏览器：

手动固定缩放后：

代码： on my github

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

Answer 1

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

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