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

Question

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

我知道我解释这个不好......所以，这里有一个画面：

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

Answer 1

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

我能想到的唯一的事情是尽量在Javascript中捕捉大小调整/缩放事件，并尝试调整元素他们被触发时，看到这个帖子，我发现：Catch browser's "zoom" event in JavaScript

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