放大移动设备时，我可以让我的固定按钮保持固定大小吗？

Question

_{关于这个主题的所有问题都没有任何真正的答案（我已经 看到一个说“完全停止缩放！”另一个是 说“设置宽度！” （事实并非如此））}

我有一个应该可以在移动设备上运行的网络应用程序（仅移动 Chrome 就足够了）。捏拉缩放是必备功能。

一切都很好，除了我有控制按钮。标准按钮，固定在页面左下角。

当我捏合缩放时，这些按钮虽然保留在左下角，但会随着缩放而增长。

是否有可能让这些按钮不以某种方式缩放？

Answer 1

如果您遇到此问题，这里有一个潜在的解决方法和好书。

这是网站，css fixed position。

我的原型是如何工作的

我正在做的是用 JavaScript 计算缩放级别（很差） 然后应用 CSS 变换来缩小固定元素 到正常大小。正如您所料，没有平滑的过渡 在缩放期间。有很多错误和边缘情况。我没有 甚至尝试过跨浏览器支持（因此没有代码）。

这似乎没有提供脚本，但它让您知道要做什么以及如何完成它。

此站点上的另一个链接似乎包含有关您的问题的大量信息，更多的是建议。

这里是网站，position: device-fixed;

我目前知道的唯一其他选项是禁用缩放。这不是最好的方法，但如果移动设计需要一个固定的标头，这就是我目前所做的。这将阻止用户缩放，从而防止元素受到影响。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">