移动站点 - 特定的非可缩放区域

Question

我已经开发了一个工具栏，它通过jQuery在运行时包含在很多站点上（公司希望提升其他Web属性）。现在他们想要一个移动版本。在我开始思考这个工具栏在非移动网站上的作用之前，一切似乎都很好。他们希望工具栏版本由设备驱动，而不是由网站驱动...因此，如果查看非移动优化网站，他们仍然希望您获得移动优化工具栏，至少在更多网站进行优化之前。

我知道我正在解释这个......所以，这是一张图片：

这样的布局是否可能？你可以指定一个页面的一部分给我不可缩放，同时让页面的其余部分正常运行吗？您可以设置元素的缩放比例，就像您可以设置整个网站的视口缩放一样吗？

Answer 1

据我所知（我使用的是移动浏览器），您只能启用或禁用整个页面的缩放，而不是单个元素。

我唯一能想到的是尝试在Javascript中捕获调整大小/缩放事件并尝试在触发时调整元素，请参阅我发现的这篇文章：Catch browser's "zoom" event in JavaScript

但是我没有亲自测试过，这听起来像是很多工作 - 特别是因为Javascript支持在移动浏览器中有很大差异。