_{None of the questions on the subject has any real answer (I’ve
seen one that says “Just stop the zoom altogether!” and the other that
says “Set the width!” (which isn’t the case))}

我有一个应该在移动设备上运行的网络应用程序(移动Chrome只够用).捏缩放是必备功能.

这一切都运行良好,除了我有的控制按钮.标准按钮,位于页面左下角的固定位置.

当我捏缩放时,这些按钮虽然保持在左下角,但随着变焦一起增长.

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

最佳答案 如果您遇到此问题,这是一个潜在的修复和良好的读取.

这是网站,css fixed position.

How my prototype works

What I’m doing is calculating the zoom level (poorly) with JavaScript
and then applying CSS transforms to scale the fixed element back down
to normal size. As you might expect there is no smooth transition
during zoom. There are a whole host of bugs and edge cases. I’ve not
even attempted cross browser support (hence no code).

这似乎不提供脚本,但它让您了解如何操作以及如何完成它.

这个网站上的另一个链接似乎有很多关于你的问题的信息,更多的是一个提案.

这是网站,position: device-fixed;

我目前唯一知道的另一个选项是禁用缩放.这不是最好的方法,但如果移动设计需要固定的标头,我目前正在做的事情.这将阻止用户进行缩放,从而防止该元素受到影响.

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