jquery - 移动网站 - 特定的不可缩放区域

Question

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

我知道我解释得很糟糕......所以，这是一张图片：

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

Answer 1

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

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

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