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

Question

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

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

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

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

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

Answer 1

如果您遇到此问题，这里有一个潜在的解决方案，值得一读。

\n\n

这里是网站，css固定位置。

\n\n

\n

我的原型如何工作

\n\n

我\xe2\x80\x99m 所做的是使用JavaScript 计算缩放级别（效果很差），然后应用CSS 转换将固定元素缩小到正常大小。正如您所预料的那样，缩放期间没有平滑过渡。存在大量错误和边缘情况。我\xe2\x80\x99甚至没有尝试跨浏览器支持（因此没有代码）。

\n

\n\n

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

\n\n

该网站上的另一个链接似乎有很多关于您的问题的重要信息，更多的是建议。

\n\n

这是网站，位置：设备固定；

\n\n

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

\n\n

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

\n