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

Question

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

Safari：

手动修复缩放后：

代码： on my github

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

Answer 1

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

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