关于这个问题的所有问题都没有任何真正的答案（我已经 看到一个说“完全停止变焦！”而另一个 说“设置宽度！” （事实并非如此））
我有一个应该在移动设备上运行的网络应用程序（仅限移动Chrome浏览器就足够了）。捏缩放是必备功能。
除了我的控制按钮外，一切正常。标准按钮，位于页面左下角的固定位置。
当我捏缩放时，这些按钮虽然保持在左下角，但随着变焦一起增长。
是否有可能让这些按钮不会以某种方式缩放？
答案 0 :(得分：2)
如果你遇到这个问题，这是一个潜在的修复和良好的阅读。
以下是网站css fixed position。
我的原型如何运作
我正在做的是使用JavaScript计算缩放级别（差） 然后应用CSS变换来缩小固定元素 正常尺寸。正如您所料，没有平稳过渡 在缩放期间。有大量的错误和边缘情况。我没有 甚至尝试过跨浏览器支持（因此没有代码）。
这似乎不提供脚本，但它可以让您了解如何操作以及如何完成它。
此网站上的另一个链接似乎有很多关于您的问题的信息，更多的是提案。
我目前唯一知道的另一个选项是禁用缩放。这不是最好的方法，但如果移动设计需要固定的标头，我目前正在做的事情。这将阻止用户进行缩放，从而防止该元素受到影响。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">